OpenSlides/openslides/agenda/static/templates/agenda/item-list.html

<div class="header">
  <div class="title">
    <div class="submenu">
      <a ng-click="newDialog()" os-perms="agenda.can_manage" class="btn btn-primary btn-sm">
        <i class="fa fa-plus fa-lg"></i>
        <translate>New</translate>
      </a>
      <a ui-sref="agenda.item.sort" os-perms="agenda.can_manage" class="btn btn-default btn-sm">
        <i class="fa fa-sitemap fa-lg"></i>
        <translate>Sort agenda</translate>
      </a>
      <a ui-sref="topics.topic.import" os-perms="agenda.can_manage" class="btn btn-default btn-sm">
        <i class="fa fa-download fa-lg"></i>
        <translate>Import</translate>
      </a>
      <a ui-sref="core.tag.list" os-perms="core.can_manage_tags" class="btn btn-default btn-sm">
        <i class="fa fa-tags fa-lg"></i>
        <translate>Tags</translate>
      </a>
      <a ui-sref="agenda_pdf" target="_blank" class="btn btn-default btn-sm">
        <i class="fa fa-file-pdf-o fa-lg"></i>
        <translate>PDF</translate>
      </a>
    </div>
    <h1 translate>Agenda</h1>
  </div>
</div>

<div class="details">
  <div class="row">
    <div class="col-sm-7">
      <div class="form-inline">
          <!-- delete mode -->
          <button os-perms="agenda.can_manage" class="btn"
              ng-class="$parent.isDeleteMode ? 'btn-primary' : 'btn-default'"
              ng-click="$parent.isDeleteMode = !$parent.isDeleteMode; uncheckAll()">
            <i class="fa fa-check-square-o"></i>
            <translate>Select ...</translate>
          </button>
          <!-- project agenda button -->
          <div class="btn-group" uib-dropdown
            uib-tooltip="{{ 'Projector' | translate }} {{ isAgendaProjected(mainListTree) }}"
            tooltip-enable="isAgendaProjected(mainListTree) > 0"
            os-perms="core.can_manage_projector"> 
            <button type="button" class="btn btn-default"
                title="{{ 'Project agenda' | translate }}"
                ng-click="projectAgenda(defaultProjectorId_all_items, mainListTree)"
                ng-class="{ 'btn-primary': isAgendaProjected(mainListTree) > 0 && isAgendaProjected(mainListTree) == defaultProjectorId_all_items}">
              <i class="fa fa-video-camera"></i>
              <translate>Agenda</translate>
            </button>
            <button type="button" class="btn btn-default" uib-dropdown-toggle
                ng-class="{ 'btn-primary': isAgendaProjected(mainListTree) > 0 && isAgendaProjected(mainListTree) != defaultProjectorId_all_items}">
              <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="split-button">
              <li role="menuitem" ng-show="agendaHasSubitems">
                <a href="" ng-click="changeMainListTree(); $event.stopPropagation();">
                  <i class="fa" ng-class="mainListTree ? 'fa-square-o' : 'fa-check-square-o'"></i>
                  <translate>Only main agenda items</translate>
                </a>
              </li>
              <li class="divider" ng-show="agendaHasSubitems"></li>
              <li role="menuitem" ng-repeat="projector in projectors">
                <a href="" ng-click="projectAgenda(projectorId=projector.id, tree=mainListTree)"
                  ng-class="{ 'projected': isAgendaProjected(mainListTree) == projector.id }">
                  <i class="fa fa-video-camera" ng-show="isAgendaProjected(mainListTree) == projector.id"></i>
                  {{ projector.name }}
                  <span ng-if="projector.id == defaultProjectorId_all_items">(<translate>Standard</translate>)</span>
                </a>
              </li>
            </ul>
          </div>
          <!-- auto numbering button -->
          <a os-perms="core.can_manage_projector"
              class="btn btn-default"
              ng-click="autoNumbering()">
            <i class="fa fa-sort-numeric-asc"></i>
            <translate>Numbering</translate>
          </a>
          <!--current list of speakers button-->
          <a os-perms="users.can_see_name" class="btn btn-default"
            ui-sref="agenda.current-list-of-speakers">
            <i class="fa fa-microphone"></i>
            <translate>Current list of speakers</translate>
          </a>
      </div>
    </div>
    <div class="col-sm-5">
      <div class="form-inline text-right">
        <div class="form-group">
          <div class="input-group">
            <div class="input-group-addon"><i class="fa fa-search"></i></div>
            <input type="text" ng-model="filter.search" class="form-control"
               placeholder="{{ 'Search' | translate}}">
          </div>
        </div>
        <button class="btn btn-default" ng-click="isFilterOpen = !isFilterOpen"
            ng-class="isFilterOpen ? 'btn-primary' : 'btn-default'">
          <i class="fa fa-filter"></i>
          <translate>Filter ...</translate>
        </button>
      </div>
    </div>
  </div>
  <div uib-collapse="!isFilterOpen" class="row spacer">
    <div class="col-sm-12 text-right">
      <!-- hidden item filter -->
      <input type="checkbox" ng-model="filter.showHiddenItems" ng-true-value="" ng-false-value="false">
      <translate> Show internal items</translate>
      <!-- closed filter -->
      <input type="checkbox" ng-model="filter.showClosedItems" ng-true-value="" ng-false-value="false">
      <translate> Show closed items</translate>
    </div>
  </div>
  <div uib-collapse="!isDeleteMode" class="row spacer">
    <div class="col-sm-12 text-left">
      <!-- delete button -->
      <a ng-show="isDeleteMode" os-perms="agenda.can_manage"
        ng-bootbox-confirm="{{ 'Are you sure you want to delete all selected agenda items?' | translate }}"
        ng-bootbox-confirm-action="deleteMultiple()"
        class="btn btn-primary">
        <i class="fa fa-trash fa-lg"></i>
        <translate>Delete selected items</translate>
      </a>
    </div>
  </div>

  <div class="spacer-top-lg italic">
    <span os-perms="agenda.can_see_hidden_items">{{ itemsFiltered.length }} /</span>
    {{ items.length }} {{ "items" | translate }}<span ng-if="(items|filter:{selected:true}).length > 0">,
    {{(items|filter:{selected:true}).length}} {{ "selected" | translate }}</span>
  </div>
  <table class="table table-striped table-bordered table-hover">
    <thead>
      <tr>
        <!-- projector column -->
        <th ng-show="!isDeleteMode" os-perms="core.can_manage_projector" class="minimum"></th>
        <!-- delete selection column -->
        <th ng-show="isDeleteMode" os-perms="agenda.can_manage" class="minimum deleteColumn"
            ng-click="$event.stopPropagation();">
          <input type="checkbox" ng-model="$parent.selectedAll" ng-change="checkAll()">
        <!-- agenda item column -->
        <th>
          <translate>Agenda item</translate>
        <th os-perms="agenda.can_see_hidden_items" class="optional">
          <translate>Duration</translate>
          <span ng-if="sumDurations() > 0">
            {{ sumDurations() | osMinutesToTime }}h
            <span ng-if="config('agenda_start_event_date_time')">
              (<translate>Estimated end:</translate> {{ calculateEndTime() }})
            </span>
          </span>
        <th class="minimum optional">
          <translate>Done</translate>
    <tbody>
      <tr ng-repeat="item in itemsFiltered = (items | filter: filter.search |
          filter: {is_hidden: filter.showHiddenItems} |  filter: {closed: filter.showClosedItems}) |
          limitTo : itemsPerPage : limitBegin"
          class="animate-item"
          ng-class="{ 'activeline': item.isProjected(), 'selected': item.selected, 'hiddenrow': item.is_hidden}">
        <!-- projector column -->
        <td ng-show="!isDeleteMode" os-perms="core.can_manage_projector">
          <div class="btn-group" style="min-width:54px;" uib-dropdown
            uib-tooltip="{{ 'Projector' | translate }} {{ item.isProjected(item.tree) }}"
            tooltip-enable="item.isProjected(item.tree) > 0">
            <button class="btn btn-default btn-sm"
                title="{{ 'Project item' | translate }}"
                ng-click="item.project(getProjectionDefault(item), item.tree)"
                ng-class="{ 'btn-primary': item.isProjected(item.tree) > 0 && item.isProjected(item.tree) == getProjectionDefault(item)}">
              <i class="fa fa-video-camera"></i>
            </button>
            <button type="button" class="btn btn-default btn-sm slimDropDown"
                ng-class="{ 'btn-primary': item.isProjected(item.tree) > 0 && item.isProjected(item.tree) != getProjectionDefault(item)}"
                ng-show="item.hasSubitems(items) || projectors.length > 1"
                uib-dropdown-toggle>
              <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="split-button">
              <li role="menuitem" ng-show="item.hasSubitems(items)">
                <a href="" ng-click="changeItemTree(item); $event.stopPropagation();">
                  <i class="fa" ng-class="item.tree ? 'fa-check-square-o' : 'fa-square-o'"></i>
                  <translate>Include all sub items</translate>
                </a>
              </li>
              <li class="divider" ng-show="item.hasSubitems(items)"></li>
              <li role="menuitem" ng-repeat="projector in projectors">
                <a href="" ng-click="item.project(projector.id, item.tree)"
                  ng-class="{ 'projected': item.isProjected(item.tree) == projector.id }">
                  <i class="fa fa-video-camera" ng-show="item.isProjected(item.tree) == projector.id"></i>
                  {{ projector.name }}
                  <span ng-if="projector.id == getProjectionDefault(item)">(<translate>Standard</translate>)</span>
                </a>
              </li>
            </ul>
          </div>
        <!-- delete selection column -->
        <td ng-show="isDeleteMode" os-perms="agenda.can_manage" class="deleteColumn">
          <input type="checkbox" ng-model="item.selected">
        <!-- agenda data columns -->
        <td ng-if="!item.quickEdit" ng-mouseover="item.hover=true" ng-mouseleave="item.hover=false"
            style="padding-left: calc(8px + {{ item.parentCount }}*15px)">
          <strong>
            <a ui-sref="{{ item.content_object.collection.replace('/','.') }}.detail({id: item.content_object.id})" ng-show="isAllowedToSeeOpenLink(item)">
              {{ item.getListViewTitle() }}
            </a>
            <span ng-hide="isAllowedToSeeOpenLink(item)">
              {{ item.getListViewTitle() }}
            </span>
          </strong>
          <span ng-if="item.is_hidden" title="{{ 'Internal item' | translate }}"><i class="fa fa-ban"></i></span>
          <div ng-if="item.comment">
            <small><i class="fa fa-info-circle"></i> {{ item.comment }}</small>
          </div>
          <div os-perms="agenda.can_see" class="hoverActions" ng-class="{'hiddenDiv': !item.hover}">
            <a ui-sref="agenda.item.detail({id: item.id})" translate>List of speakers</a>
            <span os-perms="agenda.can_manage"> |
              <a ui-sref="{{ item.content_object.collection.replace('/','.') }}.detail.update({id: item.content_object.id})"
                  translate>Edit</a> |
              <a href="" ng-click="item.quickEdit=true" translate>QuickEdit</a> |
              <a href="" class="text-danger"
                ng-bootbox-confirm="{{ 'Are you sure you want to delete this entry?' | translate }}<br>
                  <b>{{ item.getTitle() }}</b>"
                ng-bootbox-confirm-action="deleteRelatedItem(item)" translate>Delete</a>
            </span>
          </div>
        <td ng-show="!item.quickEdit" os-perms="agenda.can_see_hidden_items" class="optional">
          {{ item.duration | osMinutesToTime }}
          <span ng-if="item.duration" translate-comment="'h' means time in hours" translate>h</span>
        <td ng-if="!item.quickEdit" class="optional">
          <span os-perms="!agenda.can_manage">
            <i ng-if="item.closed" class="fa fa-check-square-o"></i>
          </span>
          <input os-perms="agenda.can_manage" type="checkbox" ng-model="item.closed" ng-change="save(item);">
        <!-- quickEdit columns -->
        <td ng-show="item.quickEdit" os-perms="agenda.can_manage" colspan="3">
          <h4>{{ item.getTitle() }} <span class="text-muted">&ndash; QuickEdit</span></h4>
          <div uib-alert ng-show="alert.show" ng-class="'alert-' + (alert.type || 'warning')" ng-click="alert={}" close="alert={}">
            {{ alert.msg }}
          </div>
          <div class="row">
            <div class="col-xs-6">
              <label for="inputItemNumber" translate>Item number</label>
              <input type="text" ng-model="item.item_number" class="form-control input-sm" id="inputItemNumber">
            </div>
            <div class="col-xs-6">
              <label for="inputComment" translate>Comment</label>
              <input type="text" ng-model="item.comment" class="form-control input-sm" id="inputComment">
            </div>
          </div>
          <div class="row">
            <div class="col-xs-6">
              <!-- item type: AGENDA_ITEM = 1, HIDDEN_ITEM = 2 -->
              <input type="checkbox" ng-model="item.type" ng-true-value="1" ng-false-value="2">
              <translate>Show as agenda item</translate>
            </div>
            <div class="col-xs-6">
              <label for="inputDuration" translate>Duration</label>
              <input type="text" ng-model="item.duration" placeholder="hh:mm" hour-min-format
                class="form-control input-sm" id="inputDuration">
            </div>
          </div>
          <div class="spacer">
            <button ng-click="cancelQuickEdit(item)" class="btn btn-default pull-left" translate>
              Cancel
            </button> &nbsp;
            <button ng-click="save(item)" class="btn btn-primary" translate>
              Update
            </button>
            <a ui-sref="{{ item.content_object.collection.replace('/','.') }}.detail.update({id: item.content_object.id})"
                class="pull-right"><translate>Edit ...</translate></a>
          </div>
  </table>
  <uib-pagination ng-show="itemsFiltered.length > itemsPerPage" total-items="itemsFiltered.length" items-per-page="itemsPerPage" ng-model="currentPage"
      ng-change="pageChanged()"
      class="pagination-sm" direction-links="false" boundary-links="true" first-text="&laquo;" last-text="&raquo;">
  </uib-pagination>
</div>