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

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

            <div ng-if="displayFullNews">
                <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'" ng-bind-html="::news.html_content" >{{ news.article }}</span>
                </p>
            </div>

            <div ng-if="!displayFullNews">
                <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'" ng-bind-html="::news.html_content | words:CONFIG.news.words_count"></span>
                </p>
            </div>
        </div>
        <div align="center" class="news-provider-info">
            <p align="center">{{news.related_entities.provider.copyright_text}}</p>
            <img ng-src="{{news.related_entities.provider.copyright_img_src}}" />
        </div>
        <div ng-if="!displayFullNews" style="margin-top:30px;">
            <hr />
            <p class="padding-1-t text-center">{{'NEWS_SHORT_EXP' | translate}}</p>
            <of-app-store ng-if="CONFIG.news.store_icons"></of-app-store>
        </div>
    </article>
</div>

