<div class="floating-container padding-4-t">
    <article class="news background-white">
        <div class="news-text">
            <h1 class="news-header">{{ news.headline }}</h1>
            <p class="article-date adapt-to-timezone padding-1-b">{{ news.date | amDateFormat:'dddd, MMM Do, h:mm a'}}</p>

            <img ng-src="{{ news.largeImageSrc }}" width="100%" class="padding-1-b">

            <div ng-if="displayFullNews(news.provider, news.language)">
                <p class="padding-2-b news-article">
                    <span ng-if="news.content_type == 'rss_article'">{{ news.teaser }}</span>
                    <span ng-if="news.content_type != 'rss_article'">{{ news.article }}</span>
                </p>
            </div>

            <div ng-if="!displayFullNews(news.provider, news.language)">
                <p class="padding-2-b news-article">
                    {{ news.article | words:CONFIG.news.words_count }}
                    <span ng-if="news.content_type == 'rss_article'">{{ news.teaser | words:CONFIG.news.words_count }}</span>
                    <span ng-if="news.content_type != 'rss_article'">{{ news.article | words:CONFIG.news.words_count }}</span>
                </p>
            </div>
        </div>
        <hr />
        <p ng-if="displayFullNews(news.provider, news.language)" class="padding-1-t text-center">{{'MORE_NEWS' | translate}}</p>
        <p ng-if="!displayFullNews(news.provider, news.language)" class="padding-1-t text-center">{{'NEWS_SHORT_EXP' | translate}}</p>
        <of-app-store></of-app-store>
    </article>
</div>
