Load more posts after post deletion

Closes #6390
- check if more posts should be loaded whenever one is deleted
- delete dead code from posts controller
- delete duplicate component gh-infinite-scroll-box
- simplify posts-list-item `posts.post` or `editor.edit` link logic by modifying `gh-content-view-container` to yield necessary vars directly and use inline ifs in template
- add `gh-tag` component for rendering tags and updating infinite scroll box on `settings/tags` page

Author: novaugust

core/client/app/components/gh-infinite-scroll-box.js

@@ -3,4 +3,10 @@ import InfiniteScrollMixin from 'ghost/mixins/infinite-scroll';
 
 const {Component} = Ember;
 
-export default Component.extend(InfiniteScrollMixin);
+export default Component.extend(InfiniteScrollMixin, {
+    actions: {
+        checkScroll() {
+            this._checkScroll();
+        }
+    }
+});

core/client/app/components/gh-infinite-scroll.js

@@ -34,10 +34,6 @@ export default Component.extend(ActiveLinkWrapper, {
         return Ember.String.htmlSafe(`background-image: url(${this.get('authorAvatar')})`);
     }),
 
-    viewOrEdit: computed('previewIsHidden', function () {
-        return this.get('previewIsHidden') ? 'editor.edit' : 'posts.post';
-    }),
-
     click() {
         this.sendAction('onClick', this.get('post'));
     },
@@ -54,6 +50,9 @@ export default Component.extend(ActiveLinkWrapper, {
     willDestroyElement() {
         this._super(...arguments);
         this.removeObserver('active', this, this.scrollIntoView);
+        if (this.get('post.isDeleted') && this.attrs.onDelete) {
+            this.attrs.onDelete();
+        }
     },
 
     scrollIntoView() {

core/client/app/components/gh-posts-list-item.js

@@ -0,0 +1,11 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+    willDestroyElement() {
+        this._super(...arguments);
+
+        if (this.get('tag.isDeleted') && this.attrs.onDelete) {
+            this.attrs.onDelete();
+        }
+    }
+});

core/client/app/components/gh-tag.js

@@ -81,14 +81,6 @@ export default Controller.extend({
     }),
 
     actions: {
-        showPostContent(post) {
-            if (!post) {
-                return;
-            }
-
-            this.transitionToRoute('posts.post', post);
-        },
-
         toggleDeletePostModal() {
             this.toggleProperty('showDeletePostModal');
         }

core/client/app/controllers/posts.js

@@ -8,10 +8,9 @@ export default Mixin.create({
 
     /**
      * Determines if we are past a scroll point where we need to fetch the next page
-     * @param {object} event The scroll event
      */
-    checkScroll(event) {
-        let element = event.target;
+    _checkScroll() {
+        let element = this.get('element');
         let triggerPoint = this.get('triggerPoint');
         let isLoading = this.get('isLoading');
 
@@ -28,11 +27,11 @@ export default Mixin.create({
 
         let el = this.get('element');
 
-        el.onscroll = run.bind(this, this.checkScroll);
+        el.onscroll = run.bind(this, this._checkScroll);
 
-        if (el.scrollHeight <= el.clientHeight) {
-            this.sendAction('fetch');
-        }
+        // run on load, on the offchance that the initial load
+        // did not fill the view.
+        this._checkScroll();
     },
 
     willDestroyElement() {

core/client/app/mixins/infinite-scroll.js

@@ -1 +1 @@
-{{yield this}}
+{{yield previewIsHidden}}

core/client/app/templates/components/gh-content-view-container.hbs

@@ -1 +1 @@
-{{yield}}
+{{yield (action "checkScroll")}}

core/client/app/templates/components/gh-infinite-scroll-box.hbs

@@ -0,0 +1,8 @@
+<div class="settings-tag">
+    {{#link-to 'settings.tags.tag' tag class="tag-edit-button"}}
+        <span class="tag-title">{{tag.name}}</span>
+        <span class="label label-default">/{{tag.slug}}</span>
+        <p class="tag-description">{{tag.description}}</p>
+        <span class="tags-count">{{tag.count.posts}}</span>
+    {{/link-to}}
+</div>