
<div class="floating-container padding-4-t">
    <div layout="row" layout-margin layout-fill class="news-column news-small-grid" ng-repeat="newsColumn in news" in-view="loadMoreNews($last, $inview)">

        <div flex ng-repeat="newsItem in newsColumn">
            <md-card ng-click="goToItem(newsItem.id)">
                <span ng-if="!newsItem.images.large" class="news-timeago" am-time-ago="newsItem.publish_time" align="right"></span>
                <div ng-if="newsItem.images.large" class="news-card-img-container" style="background-image: url('{{ newsItem.images.large }}')">
                    <span class="news-timeago" am-time-ago="newsItem.publish_time" align="right"></span>
                </div>
                <h2>{{newsItem.title}}</h2>
                <p ng-if="newsItem.images.large">
                    <span ng-if="newsItem.content_type == 'rss_article'">{{newsItem.teaser | words: 40 }}</span>
                    <span ng-if="newsItem.content_type != 'rss_article'">{{newsItem.content | words: 40 }}</span>
                </p>
                <p ng-if="!newsItem.images.large">
                    <span ng-if="newsItem.content_type == 'rss_article'">{{newsItem.teaser | words: 80 }}</span>
                    <span ng-if="newsItem.content_type != 'rss_article'">{{newsItem.content | words: 80 }}</span>
                </p>
            </md-card>

        </div>

    </div>
    <div class="loading-message">
        <div ng-if="isLoading" class="animate network-indicator">
            <div id="loading-bar-spinner" class="">
                <div class="spinner-icon">
                </div>
            </div>
        </div>
    </div>
</div>
