public/components/content-list/content-list.html (41 lines of code) (raw):

<wf-content-list-loader event="content.rendered"></wf-content-list-loader> <table class="content-list" ng-class="{ 'content-list--compact': compactView.visible, 'content-list--animations-enabled': animationsEnabled, 'content-list--presence-disabled': !presenceIsActive}" infinite-scroll="moreContent()" infinite-scroll-distance="contentItemsLoadingThreshold" infinite-scroll-immediate-check="false" infinite-scroll-parent="true" infinite-scroll-disabled="infiniteScrollDisabled"> <thead class="content-list-head"> <tr class="content-list-head__row content-list--sticky-row"> <th class="content-list-head__heading--group content-list-head__heading--notifier" colspan="1">&nbsp;</th> <th ng-repeat="col in columns" ng-if="::col.active" class="content-list-head__heading--{{ col.name }}" ng-attr-title="{{ getColumnTitle(col) }}" colspan="{{ col.colspan }}" bind-compiled-html="col.labelHTML"></th> <th class="content-list-head__heading--group content-list-head__heading--notifier content-list-head--button-container" colspan="1"> <div class="configure-columns" ng-click="$parent.showColumnMenu = !$parent.showColumnMenu" title="Select columns"> <div class="configure-columns__inner"></div> <span class="configure-columns__new-indicator configure-columns__new-indicator--animate-on-button" ng-if="$parent.showColumnMenuNewIndicator">New!</span> </div> </th> </tr> </thead> <tbody data-cy="content-list-{{group.name}}" class="content-list__item-container" ng-repeat="group in content track by group.name" content-list-item-container> <!-- Find my content in content-list.js:45 --> </tbody> <tbody ng-if="displayingEverything"> <tr class="content-list__content-end"> <td colspan="99"> <span class="notice">&mdash;&nbsp;&nbsp;{{ totalContentItems }} Item<span ng-if="totalContentItems !== 1">s</span><span ng-if="totalContentItems === 1" class="btn btn-xs btn-info content-list__content-end-reset" ng-click="resetFilters()">show all</span> &nbsp;&nbsp;&mdash;</span> </td> </tr> </tbody> <tbody class="content-list-draw__dock"> <tr wf-content-list-drawer ng-model="contentItem" content-item="contentItem" content-list="contentList" status-values="statusValues"></tr> </tbody> </table> <div class="column-configurator" ng-show="showColumnMenu"> <ul class="column-configurator__list"> <li class="column-configurator__list-item" ng-repeat="col in columns" ng-if="!col.alwaysShown"> <label class="column-configurator__label" for="{{ col.name }}"> <input class="column-configurator__label" type="checkbox" ng-model="col.active" id="{{ col.name }}" name="{{ col.name }}" ng-change="colChangeSelect()"/> {{ col.prettyName }} <span class="configure-columns__new-indicator" ng-if="col.isNew && showColumnMenuNewIndicator">New!</span> </label> </li> <li class="column-configurator__list-item"> <button id="apply_column_changes" class="btn btn-xs btn-info" ng-click="colChange()" ng-disabled="!columnsEdited">Reload to view changes</button> </li> </ul> </div>