OpenSlides/openslides/motions/static/templates/motions/motion-list.html

<div class="header">
  <div class="title">
    <div class="submenu">
      <a ng-click="openDialog()" os-perms="motions.can_create" class="btn btn-primary btn-sm">
        <i class="fa fa-plus fa-lg"></i>
        <translate>New</translate>
      </a>
      <a ui-sref="motions.motion.allamendments" ng-if="config('motions_amendments_enabled')"
        class="btn btn-default btn-sm">
        <i class="fa fa-book fa-lg"></i>
        <translate>Amendments</translate>
      </a>
      <a ui-sref="motions.category.list" os-perms="motions.can_manage" class="btn btn-default btn-sm">
        <i class="fa fa-sitemap fa-lg"></i>
        <translate>Categories</translate>
      </a>
      <a ui-sref="motions.motionBlock.list" os-perms="motions.can_manage" class="btn btn-default btn-sm">
        <i class="fa fa-th-large fa-lg"></i>
        <translate>Motion blocks</translate>
      </a>
      <a ui-sref="motions.workflow.list" os-perms="motions.can_manage" class="btn btn-default btn-sm">
        <i class="fa fa-code-fork fa-lg"></i>
        <translate>Workflows</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="motions.motion.import" os-perms="motions.can_manage" class="btn btn-default btn-sm">
        <i class="fa fa-download fa-lg"></i>
        <translate>Import</translate>
      </a>
      <template-hook hook-name="motionListMenuButton"></template-hook>
    </div>
    <h1 translate>Motions</h1>
  </div>
</div>

<div class="details">
  <div class="row">
    <div class="col-sm-12">
      <!-- select mode -->
      <button os-perms="motions.can_manage" class="btn btn-sm"
          ng-class="$parent.isSelectMode ? 'btn-primary' : 'btn-default'"
          ng-click="$parent.isSelectMode = !$parent.isSelectMode; uncheckAll()">
        <i class="fa fa-check-square-o"></i>
        <translate>Select ...</translate>
      </button>
      <!-- Export button -->
      <button type="button" class="btn btn-default btn-sm pull-right"
        os-perms="motions.can_manage" ng-click="openExportDialog(motionsFiltered)">
        <i class="fa fa-upload"></i>
        <span ng-if="motionsFiltered.length === motions.length" translate>
          Export all
        </span>
        <span ng-if="motionsFiltered.length !== motions.length" translate>
          Export filtered
        </span>
      </button>
      <button type="button" class="btn btn-default btn-sm pull-right"
        os-perms="!motions.can_manage" ng-click="pdfExport(motionsFiltered)">
        <i class="fa fa-file-pdf-o"></i>
        <span ng-if="motionsFiltered.length === motions.length" translate>
          Export all
        </span>
        <span ng-if="motionsFiltered.length !== motions.length" translate>
          Export filtered
        </span>
      </button>
    </div>
  </div>

  <div uib-collapse="!isSelectMode" class="row spacer">
    <div class="col-sm-12 text-left form-inline" ng-show="isSelectMode" os-perms="motions.can_manage">
      <!-- actions -->
      <select ng-model="selectedAction" class="form-control input-sm">
        <option value="" translate>--- Select action ---</option>
        <option value="delete" translate>Delete</option>
        <option value="setStatus" translate>Set status</option>
        <option value="setCategory" ng-if="categories.length" translate>Set category</option>
        <option value="setMotionBlock" ng-if="motionBlocks.length" translate>Set motion block</option>
      </select>
      <!-- state select -->
      <select ng-show="selectedAction == 'setStatus'" ng-model="selectedState" class="form-control input-sm">
        <option value="" translate>--- Select state ---</option>
        <option ng-repeat="state in states" ng-if="!state.divider" ng-disabled="state.workflowHeader" value="{{ state.id }}">
          {{ (state.workflowHeader ? state.headername : state.name) | translate }}
        </option>
      </select>
      <!-- set state button -->
      <a ng-show="selectedAction == 'setStatus' && selectedState"
          ng-click="setStatusMultiple(motionsFiltered, selectedState)" class="btn btn-default btn-sm">
        <translate>Set status</translate>
      </a>
      <!-- category select -->
      <select ng-show="selectedAction == 'setCategory'" ng-model="selectedCategory" class="form-control input-sm">
        <option value="" translate>--- Select category ---</option>
        <option ng-repeat="category in categories | orderBy: config('motions_export_category_sorting')"
            value="{{ category.id }}">
          {{ category.prefix }} &ndash; {{ category.name }}
        </option>
        <option value="no_category_selected" translate>No category</option>
      </select>
      <!-- set category button -->
      <a ng-show="selectedAction == 'setCategory' && selectedCategory"
          ng-click="setCategoryMultiple(motionsFiltered, selectedCategory)" class="btn btn-default btn-sm">
        <translate>Set category</translate>
      </a>
      <!-- motionBlock select -->
      <select ng-show="selectedAction == 'setMotionBlock'" ng-model="selectedMotionBlock" class="form-control input-sm">
        <option value="" translate>--- Select motion block ---</option>
        <option ng-repeat="motionBlock in motionBlocks | orderBy: 'title'" value="{{ motionBlock.id }}">
          {{ motionBlock.title }}
        </option>
        <option value="no_motionBlock_selected" translate>No motion block</option>
      </select>
      <!-- set motion block button -->
      <a ng-show="selectedAction == 'setMotionBlock' && selectedMotionBlock"
         ng-click="setMotionBlockMultiple(motionsFilterd, selectedMotionBlock)" class="btn btn-default btn-sm">
        <translate>Set motion block</translate>
      </a>
      <!-- delete button -->
      <a ng-show="selectedAction == 'delete'"
        ng-bootbox-confirm="{{ 'Are you sure you want to delete all selected motions?' | translate }}"
        ng-bootbox-confirm-action="deleteMultiple(motionsFiltered)"
        class="btn btn-default btn-sm btn-danger">
        <i class="fa fa-trash fa-lg"></i>
        <translate>Delete selected motions</translate>
      </a>
    </div>
  </div>

  <div class="spacer-top-lg italic row">
    <div class="col-md-6">
      {{ motionsFiltered.length }} /
      {{ motions.length }}
      <translate>motions</translate><span ng-if="(motions|filter:{selected:true}).length > 0">,
      {{(motions|filter:{selected:true}).length}} {{ "selected" | translate }}</span>
    </div>
    <div class="col-md-6" ng-show="motionsFiltered.length > pagination.itemsPerPage">
      <span class="pull-right">
        <a href="" class="pagination-arrow" ng-click="pagination.prevPage()"
          ng-if="pagination.showPrevPageArrow()">
          &laquo;
        </a>
        <translate>Page</translate> {{ pagination.currentPage }} /
        {{ pagination.getPageCount(motionsFiltered) }}
        <a href="" class="pagination-arrow" ng-click="pagination.nextPage(motionsFiltered)"
          ng-if="pagination.showNextPageArrow(motionsFiltered)">
          &raquo;
        </a>
      </span>
    </div>
  </div>

  <div class="os-table container-fluid">
    <div class="row header-row">
      <div class="col-xs-1 centered" ng-if="isSelectMode">
        <i class="fa text-danger pointer" ng-class=" selectedAll ? 'fa-check-square-o' : 'fa-square-o'"
          ng-click="checkAll(motionsFiltered)"></i>
      </div>
      <div class="col-xs-11 main-header" ng-style="{'width': isSelectMode ? '' : '100%'}">
        <ng-include src="'static/templates/motions/motion-table-filters.html'"></ng-include>
      </div>
    </div>

    <!-- main table -->
    <div class="row data-row" ng-mouseover="motion.hover=true"
      ng-mouseleave="motion.hover=false"
      ng-class="{'projected': motion.isProjected().length,
      'related-projected': motion.isRelatedProjected().length}"
      ng-repeat="motion in motionsFiltered = (motions
        | osFilter: filter.filterString : filter.getObjectQueryString
        | MultiselectFilter: stateFilter : getItemId.state
        | MultiselectFilter: filter.multiselectFilters.comment : getItemId.comment
        | MultiselectFilter: filter.multiselectFilters.category : getItemId.category
        | MultiselectFilter: filter.multiselectFilters.motionBlock : getItemId.motionBlock
        | MultiselectFilter: filter.multiselectFilters.recommendation : getItemId.recommendation
        | MultiselectFilter: filter.multiselectFilters.tag : getItemId.tag
        | filter: {star: filter.booleanFilters.isFavorite.value}
        | filter: {hasPersonalNote: filter.booleanFilters.hasPersonalNote.value}
        | toArray
        | orderByEmptyLast: sort.column : sort.reverse)
        | limitTo : pagination.itemsPerPage : pagination.limitBegin">

      <!-- select column -->
      <div ng-show="isSelectMode" os-perms="motions.can_manage" class="col-xs-1 centered">
        <i class="fa text-danger pointer" ng-click="motion.selected=!motion.selected"
        ng-class="motion.selected ? 'fa-check-square-o' : 'fa-square-o'"></i>
      </div>
      <!-- projector column -->
      <div class="col-xs-1 centered projector" os-perms="core.can_manage_projector">
        <projector-button model="motion" default-projector-id="defaultProjectorId">
        </projector-button>
      </div>
      <div class="no-projector-spacer" os-perms="!core.can_manage_projector"></div>
      <!-- main content column -->
      <div class="col-xs-6 content">
        <div class="id-col">
          <span ng-show="motion.identifier">
            {{ motion.identifier }}
          </span>
        </div>
        <div class="id-col-space">
          <!-- ID and title -->
          <div>
            <a class="title" ui-sref="motions.motion.detail({id: motion.id})">{{ motion.getTitle() }}</a>
            <a href="" ng-click="toggleStar(motion)">
              <i class="fa" ng-class="motion.personalNote.star ? 'fa-star' : 'fa-star-o'"
                title="{{ 'Set as favorite' | translate }}" ng-if="(motion.personalNote.star || motion.hover) && operator.user"></i>
            </a>
            <i class="fa fa-paperclip" ng-if="motion.attachments_id.length > 0"></i>
          </div>
          <!-- state -->
          <div>
            <span ng-mouseover="motion.stateHover=true" ng-mouseleave="motion.stateHover=false"
                class="dropdown-hover-space">
              <span class="label" ng-class="'label-'+motion.state.css_class">
                {{ motion.getStateName() }}
              </span>
              <span os-perms="motions.can_manage" ng-class="{'hiddenDiv': !motion.stateHover}" uib-dropdown>
                <i class="fa fa-cog pointer" uib-dropdown-toggle id="stateDropdown{{ motion.id }}"></i>
                <ul class="dropdown-menu" aria-labelledby="stateDropdown{{ motion.id }}">
                  <li ng-repeat="state in motion.state.getNextStates()">
                    <a href ng-click="motion.setState(state.id)">{{ state.action_word | translate }}</a>
                  </li>
                  <li class="divider" ng-if="motion.state.getNextStates().length"></li>
                  <li>
                    <a href ng-if="motion.isAllowed('reset_state')" ng-click="motion.setState(null)">
                      <i class="fa fa-exclamation-triangle"></i>
                      <translate>Reset state</translate>
                    </a>
                  </li>
                </ul>
              </span>
            </span>
          </div>
          <!-- recommendation -->
          <div ng-if="motion.recommendation && config('motions_recommendations_by')">
            <span ng-mouseover="motion.recommendationHover=true" ng-mouseleave="motion.recommendationHover=false"
                class="dropdown-hover-space">
              <span class="label" ng-class="'label-'+motion.recommendation.css_class" uib-tooltip="{{ config('motions_recommendations_by') }}">
                {{ motion.getRecommendationName() }}
              </span>
              <span os-perms="motions.can_manage" ng-class="{'hiddenDiv': !motion.recommendationHover}" uib-dropdown>
                <i class="fa fa-cog pointer" uib-dropdown-toggle id="recommendationDropdown{{ motion.id }}"></i>
                <ul class="dropdown-menu" aria-labelledby="recommendationDropdown{{ motion.id }}">
                  <li ng-repeat="recommendation in motion.state.getRecommendations()">
                    <a href ng-click="motion.setRecommendation(recommendation.id)">
                      {{ recommendation.recommendation_label | translate }}
                    </a>
                  </li>
                  <li class="divider" ng-if="motion.state.getRecommendations().length && motion.recommendation"></li>
                  <li ng-if="motion.recommendation">
                    <a href ng-click="motion.setRecommendation(null)">
                      <i class="fa fa-exclamation-triangle"></i>
                      <translate>Reset recommendation</translate>
                    </a>
                  </li>
                </ul>
              </span>
            </span>
          </div>
          <!-- Submitters -->
          <div ng-if="motion.submitters.length">
            <small>
              <span class="optional" translate>by</span>
              <span class="optional" ng-repeat="submitter in motion.submitters | orderBy: 'weight' | limitTo:1">
                {{ submitter.user.get_full_name() }}<span ng-if="!$last">,</span></span><span ng-if="motion.submitters.length > 1">,
                ... [+{{ motion.submitters.length - 1 }}]</span>
              <!-- sorry for merging them together, but otherwise there would be a whitespace because of the new line -->
            </small>
          </div>
          <!-- hover menu -->
          <div ng-if="motion.isAllowed('update')" ng-class="{'hiddenDiv': !motion.hover}">
            <small>
              <span ng-if="motion.isAllowed('update')">
                <a href="" ng-click="openDialog(motion)" translate>Edit</a>
              </span>
              <span ng-if="motion.isAllowed('update_submitters')"> &middot;
                <a ui-sref="motions.motion.submitters({id: motion.id})" translate>
                  Edit submitters
                </a>
              </span>
              <span ng-if="motion.isAllowed('delete')"> &middot;
                <a href="" class="text-danger"
                    ng-bootbox-confirm="{{ 'Are you sure you want to delete this entry?' | translate }}<br><b>{{ motion.getTitle() }}</b>"
                    ng-bootbox-confirm-action="delete(motion)" translate>Delete</a>
              </span>
            </small>
          </div>

        </div>
      </div>
      <!-- additional content column -->
      <div class="col-xs-4 content" ng-style="{'width': isSelectMode ? 'calc(50% - 120px)' : 'calc(50% - 70px)'}">
        <div style="width: 45%;" class="optional">
          <small>
            <!-- Category dropdown for manage user -->
            <div os-perms="motions.can_manage" ng-show="categories.length > 0"
                ng-mouseover="motion.categoryHover=true"
                ng-mouseleave="motion.categoryHover=false">
              <span uib-dropdown>
                <span id="dropdownCategory{{ motion.id }}" class="pointer"
                  uib-dropdown-toggle uib-tooltip="{{ 'Set a category' | translate }}"
                  tooltip-class="nobr">
                  <span ng-if="motion.category == null" ng-show="motion.hover">
                    <i class="fa fa-sitemap"></i>
                    <i class="fa fa-plus"></i>
                  </span>
                  <span ng-if="motion.category != null">
                    <i class="fa fa-sitemap spacer-right"></i>
                    {{ motion.category.prefix }} &ndash; {{ motion.category.name }}
                    <i class="fa fa-cog fa-lg spacer-left" ng-show="motion.categoryHover"></i>
                  </span>
                </span>
                <ul class="dropdown-menu" aria-labelledby="dropdownCategory{{ motion.id }}">
                  <li ng-repeat="category in categories | orderBy: config('motions_export_category_sorting')">
                    <a href ng-click="toggleCategory(motion, category)">
                      <i class="fa fa-check" ng-if="category.id == motion.category.id"></i>
                      {{ category.prefix }} &ndash; {{ category.name }}
                    </a>
                  </li>
                </ul>
              </span>
            </div>
            <!-- Category string for normal user -->
            <div os-perms="!motions.can_manage" ng-show="motion.category != null">
              <i class="fa fa-sitemap spacer-right"></i>
              {{ motion.category.prefix }} &ndash; {{ motion.category.name }}
            </div>

            <!-- Motion block dropdown for manage user -->
            <div os-perms="motions.can_manage" ng-show="motionBlocks.length > 0"
                ng-mouseover="motion.motionBlockHover=true"
                ng-mouseleave="motion.motionBlockHover=false">
              <span uib-dropdown>
                <span id="dropdownMotionBlock{{ motion.id }}" class="pointer"
                  uib-dropdown-toggle uib-tooltip="{{ 'Set a motion block' | translate }}"
                  tooltip-class="nobr">
                  <span ng-if="motion.motionBlock == null" ng-show="motion.hover">
                    <i class="fa fa-th-large"></i>
                    <i class="fa fa-plus"></i>
                  </span>
                  <span ng-if="motion.motionBlock != null">
                    <i class="fa fa-th-large spacer-right"></i>
                    {{ motion.motionBlock.title }}
                    <i class="fa fa-cog fa-lg spacer-left" ng-show="motion.motionBlockHover"></i>
                  </span>
                </span>
                <ul class="dropdown-menu" aria-labelledby="dropdownMotionBlock{{ motion.id }}">
                  <li ng-repeat="motionBlock in motionBlocks | orderBy: 'title'">
                    <a href ng-click="toggleMotionBlock(motion, motionBlock)">
                      <i class="fa fa-check" ng-if="motionBlock.id == motion.motionBlock.id"></i>
                      {{ motionBlock.title }}
                    </a>
                  </li>
                </ul>
              </span>
            </div>
            <!-- Motion block string for normal user -->
            <div os-perms="!motions.can_manage" ng-show="motion.motionBlock != null">
              <i class="fa fa-th-large spacer-right"></i>
              {{ motion.motionBlock.title }}
            </div>

            <!-- Tag dropdown for manage user -->
            <div os-perms="motions.can_manage" ng-show="tags.length > 0"
                ng-mouseover="motion.tagHover=true"
                ng-mouseleave="motion.tagHover=false">
              <span uib-dropdown>
                <span id="dropdownTags{{ motion.id }}" class="pointer"
                  uib-dropdown-toggle uib-tooltip="{{ 'Add a tag' | translate }}"
                  tooltip-class="nobr">
                  <span ng-if="motion.tags.length == 0" ng-show="motion.hover">
                    <i class="fa fa-tags"></i>
                    <i class="fa fa-plus"></i>
                  </span>
                  <span ng-if="motion.tags.length > 0">
                    <i class="fa fa-tags spacer-right"></i>
                    <span ng-repeat="tag in motion.tags">
                      {{ tag.name }}<span ng-if="!$last">,</span>
                    </span>
                    <i class="fa fa-cog fa-lg spacer-left" ng-show="motion.tagHover"></i>
                  </span>
                </span>
                <ul class="dropdown-menu" aria-labelledby="dropdownTags{{ motion.id }}">
                  <li ng-repeat="tag in tags">
                    <a href ng-click="toggleTag(motion, tag)">
                      <i class="fa fa-check" ng-if="hasTag(motion, tag)"></i>
                      {{ tag.name }}
                    </a>
                  </li>
                </ul>
              </span>
            </div>
            <!-- Tag string for normal user -->
            <div os-perms="!motions.can_manage" ng-show="motion.tags.length > 0">
              <i class="fa fa-tags spacer-right"></i>
              <span ng-repeat="tag in motion.tags">
                {{ tag.name }}<span ng-if="!$last">,</span>
              </span>
            </div>

            <!-- Origin -->
            <div ng-if="motion.origin">
              <i class="fa fa-share spacer-right" uib-tooltip="{{ 'Origin' | translate }}"></i>
                <div class="popover-wrapper">
                  <span editable-text="motion.origin" onaftersave="save(motion)">
                    {{ motion.origin | limitTo:25 }}{{ motion.origin.length > 25 ? '...' : '' }}
                  </span>
                </div>
            </div>
            <template-hook hook-name="motionListAdditionalContentColumn"></template-hook>
          </small>
        </div>
        <div style="width: 10%;" class="pull-right optional">
          <div class="centered" ng-if="config('motions_min_supporters') != 0"
            uib-tooltip="{{ motion.supporters.length }} {{ 'Supporters' | translate }}
            {{ (config('motions_min_supporters') - motion.supporters.length) > 0 ? '(' +  (config('motions_min_supporters') - motion.supporters.length) + ' ' + ('needed' | translate) + ')': '' }}"
            tooltip-class="nobr">
            <span class="badge"
              ng-class="motion.supporters.length < config('motions_min_supporters') ? 'badge-info' : 'badge-success'">
              {{ motion.supporters.length }}
            </span>
          </div>
        </div>
        <div style="width: 15%;" class="pull-right">
          <div class="centered" ng-if="(motion.agenda_item.speakers | filter: {'begin_time': null}).length"
            uib-tooltip="{{ (motion.agenda_item.speakers | filter: {'begin_time': null}).length }} {{ 'speakers' | translate }}"
            tooltip-class="nobr">
            <a ui-sref="agenda.item.detail({id: motion.agenda_item_id})" os-perms="agenda.can_see" class="badge">
              <i class="fa fa-comment-o"></i>
              {{ (motion.agenda_item.speakers | filter: {'begin_time': null}).length }}
            </a>
          </div>
          <div class="centered" ng-if="motion.hasAmendments()"
            uib-tooltip="{{ motion.getAmendments().length }} {{ 'amendments' | translate }}"
            tooltip-class="nobr">
            <a ui-sref="motions.motion.amendment-list({id: motion.id})" class="badge">
              <i class="fa fa-book"></i>
              {{ motion.getAmendments().length }}
            </a>
          </div>
        </div>
        <div style="width: 30%;" class="pull-right">
          <div class="centered">{{ motion.agenda_item.getItemNumberWithAncestors() }}</div>
        </div>
      </div>
    </div> <!-- data row -->

    <ul uib-pagination
        ng-show="motionsFiltered.length > pagination.itemsPerPage"
        total-items="motionsFiltered.length"
        items-per-page="pagination.itemsPerPage"
        ng-model="pagination.currentPage"
        ng-change="pagination.pageChanged()"
        class="pagination-sm"
        direction-links="false"
        boundary-links="true"
        first-text="&laquo;"
        last-text="&raquo;">
    </ul>

  </div> <!-- container -->
</div> <!-- details -->