<div class="scrollable" ng:controller="ArticleFourController">
    <h1 class="app-name" data-ng-bind="$resource('utility.mdobrodosli')"></h1>
    <div class="scrollable-content">
        <div class="list-group">
            <ul class="list-group-item media" ng:controller="ArticleFourController">
                <li class="image things" ng:repeat="article in articles">
                    <dl class="media-body">
                        <dd>
                            <a href="mobile/#!/marticle/{{article.ID}}"><img style="cursor: pointer !important" ng:show="article.Thumb != null" ng:src="/qusion/image/thumb/{{article.Thumb}}?width=300&tickts={{ticks}}" width="360" alt="{{article.Title}}" /></a>
                        </dd>
                        <dd class="media-heading"><strong><a href="mobile/#!/marticle/{{article.ID}}"><span data-ng-bind="article.Title"></span></a></strong></dd>
                        <dd style="float:left;"><span data-ng-bind="article.PublishedOn | date"></span></dd>
                        <dd>
                            <p>
                                <span data-ng-bind="article.Summary"></span>
                            </p>
                        </dd>
                        <div style="padding-bottom:5px;">
                            <ul class="ng-social">
                                <li class="ng-social-facebook" ng-click="fo()"></li>
                            </ul>
                            <ul ng-social-buttons class="ng-social"
                                data-url="location.path()"
                                data-title="page.title"
                                data-description="description"
                                data-image="image">
                                <li class="ng-social-twitter"></li>
                            </ul>
                        </div>
                        <dd><a style="float:right;" href="mobile/#!/marticle/{{article.ID}}"><span data-ng-bind="$resource('utility.opsirnije')"></span></a></dd><br />
                    </dl>
                </li>
            </ul>
        </div>
    </div>
</div>
