<a ng-href="{{cardCtrl.createURL()}}" ng-init="doc = cardCtrl.doc; locale = cardCtrl.locale;">
  <div class="list-item-info">

    <span class="list-item-title">{{locale.title}}</span>
    <span class="list-item-lang" ng-if="cardCtrl.lang != locale.lang">({{locale.lang}})</span>
    <div class="value">{{doc['article_type'] | translate }}</div>

    <div class="article-categories">
      <span ng-repeat="category in doc.categories" class="value">{{category | translate }}</span>
    </div>

    <div class="article-activities">
      <span ng-repeat="activity in doc.activities" class="route-activity icon-{{activity}}"
            uib-tooltip="{{ cardCtrl.translate(activity) }}"></span>
    </div>

    <br>
    <div class="quality" ng-if="doc['quality']" ng-class="doc['quality']"
         uib-tooltip="{{'quality'| translate}} : {{doc['quality'] | translate}}" tooltip-placement="left"></div>
  </div>
</a>
<a ng-href="{{cardCtrl.createURL()}}" ng-init="doc = cardCtrl.doc; locale = cardCtrl.locale;">
  <div class="list-item-info">

    <span class="list-item-title">{{locale.title}}</span>
    <span class="list-item-lang" ng-if="cardCtrl.lang != locale.lang">({{locale.lang}})</span>
    <div class="value">{{doc['article_type'] | translate }}</div>

    <div class="article-categories">
      <span ng-repeat="category in doc.categories" class="value">{{category | translate }}{{$last ? '' : ', '}}</span>
    </div>

    <div class="article-activities">
      <span ng-repeat="activity in doc.activities" class="route-activity icon-{{activity}}"
            uib-tooltip="{{ cardCtrl.translate(activity) }}"></span>
    </div>

    <br>
    <div class="quality" ng-if="doc['quality']" ng-class="doc['quality']"
         uib-tooltip="{{'quality'| translate}} : {{doc['quality'] | translate}}" tooltip-placement="left"></div>
  </div>
</a>
Add comma between categories (for the article cards)
Add comma between categories (for the article cards)
