comment

list.html

<section>
  <div data-ng-show="global.authenticated" class="home-timeline scroll-box">
  <!-- <div data-ng-show="global.authenticated" class="home-timeline scroll-box" dr-window-infinite-scroll="onScroll()"> -->
    <div class="posts-listing">
      <div class="block-title">
        <span class="line-holder"></span>
        <span class="recent-happening-title">Recent Happenings </span>
        <span class="title-drop-button">All Posts</span>
      </div>
      <div infinite-scroll='nextPage()' infinite-scroll-disabled='busy' infinite-scroll-distance='0'>
        <ul class="posts">
          <li data-ng-repeat="post in posts | orderBy: '-created'">
            <div class ="top-full-stack">
              <div class="post-date">
                <span class="dd-mm">
                  {{post.created | date:'dd MMM'}}
                </span>
                <span class="hh-mm">
                  {{post.created | date: 'hh:mm a'}}
                </span>
              </div>
              <div class="article-tags" data-ng-if="post.postType === 'article'">
                <div class="tags">
                  <span class="tag-items " data-ng-repeat="tag in post.tags | orderBy:'tag'">
                    <span class="rounded-bullet {{tag.name}}"></span><a href="/#!/articles/tag/{{tag.name}}">{{tag.name}}
                    </a>
                  </span>
                </div>
              </div>
            </div>
            <div class="left-grid-stack">
              <div class="post-image post-image-main">
                <a href="#!/users/{{post.user._id}}">
                 <img ng-src ="{{post.user.picture}}">
                </a>
              </div>
            </div>

            <div class="right-grid-stack">
              <div class="article-content" data-ng-if="post.postType === 'article'">
                <div class="post-author">
                  <span class="author-name" ><a href="#!/users/{{post.user._id}}">{{post.user.name}}</a></span> has posted an <span class = "highlighted">article</span>
                </div>
                <div class="message">
                  <div class="article-wrapper">
                    <h6 class="article-title"><a href="#!/articles/{{post._id}}" class="link">{{post.title}}</a></h6>
                    <div class="article-content-main" ng-bind-html="post.message | htmlToPlaintext | limitTo: 200"></div>
                    <span class="read-more" data-ng-if="post.length > 200"><a href="#!/articles/{{post._id}}">Read More >></a></span>
                  </div>
                  <span data-ng-controller="LikesController" data-ng-init="findLikes('post', post);" class="post-like">
                    <a class="btn" data-ng-show="post.showLike" data-ng-click="like('post', post);">
                      <i class="glyphicon glyphicon-thumbs-up"></i>
                    </a>
                    <a class="btn" data-ng-show="post.showUnlike" data-ng-click="unlike('post', post);">
                      <i class="glyphicon glyphicon-thumbs-down"></i>
                    </a>
                    <a data-ng-click="showLikes();">
                      ({{post.likes.length}})
                    </a>
                  </span>
                  <span class="post-remove" data-ng-show="global.user._id == post.user._id">
                    <a class="btn" data-ng-click="remove(post);">
                      <i class="glyphicon glyphicon-trash"></i>
                    </a>
                  </span>
                  <section ng-include="'views/comments/comment-box.html'" data-ng-controller="CommentsController" data-ng-init="find(post);"></section>
                </div>
              </div>

              <div data-ng-if="post.postType != 'article'">
                <div class="post-author">
                  <span class="author-name" ><a href="#!/users/{{post.user._id}}">{{post.user.name}}</a></span>
                  <span data-ng-if="post.wallPost" class="wall-post">
                    <span data-ng-if="timeline"> has posted on <span class="posted-to"><a href="#!/users/{{post.user._id}}">{{post.wallUser.name}}'s</a></span> Wall .</span>
                  </span>
                </div>
                <div class="post-image" data-ng-if="post.postImage">
                  <img ng-src="{{post.postImage}}">
                </div>
                <div class="message">
                  <span class="post-message" ng-bind-html="post.message | newlines">
                  </span>
                  <div data-ng-if="post.previewImage">
                    <div class="link-share">
                      <div class="preview-image" data-ng-click="convertYoutubeImage(post)">
                        <img ng-src="{{post.previewImage}}" data-ng-if="post.showPreviewImage">
                        <div data-ng-if="post.showEmbedCode" ng-bind-html="post.embedCode">
                        </div>
                        <div class="youtube-icon" data-ng-if="post.youtube">
                      </div>
                      </div>
                      <div class="description">
                        <h4 class="title">
                          <a href="{{post.scrapeUrl}}">
                            {{post.title}}
                          </a>
                        </h4>
                        <div class="abstract">
                          {{post.abstract}}
                        </div>
                      </div>
                    </div>
                  </div>
                  </br>
                  <span data-ng-controller="LikesController" data-ng-init="findLikes('post', post);" class="post-like">
                    <a class="btn" data-ng-show="post.showLike" data-ng-click="like('post', post);">
                      <i class="glyphicon glyphicon-thumbs-up"></i>
                    </a>
                    <a class="btn" data-ng-show="post.showUnlike" data-ng-click="unlike('post', post);">
                      <i class="glyphicon glyphicon-thumbs-down"></i>
                    </a>
                    <a data-ng-click="showLikes();">
                      ({{post.likes.length}})
      <!--                 <ng-pluralize count="post.likes.length"
                        when="{'1': '1 Like',
                           'other': '{} Likes'}">
                      </ng-pluralize> -->
                    </a>
                  </span>
                  <span class="post-remove" data-ng-show="global.user._id == post.user._id">
                    <a class="btn" data-ng-click="remove(post);">
                      <i class="glyphicon glyphicon-trash"></i>
                    </a>
                  </span>
                  <section ng-include="'views/comments/comment-box.html'" data-ng-controller="CommentsController" data-ng-init="find(post);"></section>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div ng-show='busy'>
        <img src="img/icons/auto-scroll.png">
      </div>
      <!-- <div class="infinite-scroll-loader" data-ng-show="postsLoading">
        <img src="img/icons/auto-scroll.png">
      </div> -->
    </div>
  </div>
</section>