gaf-mobile/app/components/dashboard-item/dashboard-item.html

GAF mobile Web site

<div class="Card-bodySection">
    <button class="ContentToggle" ng-click="ctrl.toggle()">
        <span class="ContentToggle-inner">
            <span class="ContentToggle-text ContentToggle-text--dark">
                <span class="ContentToggle-counter">{{ ctrl.projects.length }}</span>
                <span class="ContentToggle-counterLabel">
                    <span ng-show="ctrl.projects.length === 1">project</span>
                    <span ng-show="ctrl.projects.length > 1">projects</span>
                </span>
            </span>
            <span class="ContentToggle-icon" ng-if="ctrl.projects.length > 5">
               <fl-svg ng-if="!ctrl.showAll" src="/images/icons/flicon-arrow-down-circled.svg" class="flicon-arrow-down-circled"></fl-svg>
               <fl-svg ng-if="ctrl.showAll" src="/images/icons/flicon-arrow-up-circled.svg" class="flicon-arrow-up-circled"></fl-svg>
           </span>
        </span>
    </button>
</div>
<ul class="Card-toggledList" ng-repeat="proj in ctrl.projects | limitTo: ctrl.limit">
    <li class="ProjectSnapshot Card-toggledList-item">
        <a href="/projects/{{proj.seo_url}}#{{ctrl.hash}}" class="ProjectSnapshot-overlayLink" fl-analytics="GoToProject" fl-analytics-value="proj.id">
            <h4 class="ProjectSnapshot-title">{{ proj.title }}</h4>
        </a>
    </li>
</ul>