initial import

Author: steffans

.gitignore

@@ -0,0 +1,2 @@
+**/app/bundle/**/*.js
+.DS_Store

app/components/link-blog.vue

@@ -0,0 +1,52 @@
+<template>
+
+    <div class="uk-form-row">
+        <label for="form-link-blog" class="uk-form-label">{{ 'View' | trans }}</label>
+        <div class="uk-form-controls">
+            <select id="form-link-blog" class="uk-width-1-1" v-model="link" options="postOptions"></select>
+        </div>
+    </div>
+
+</template>
+
+<script>
+
+    module.exports = {
+
+        link: {
+            label: 'Blog'
+        },
+
+        props: ['link'],
+
+        data: function () {
+            return {
+                posts: []
+            }
+        },
+
+        created: function () {
+            this.$resource('api/blog/post').get({limit: 100}, function (data) {
+                this.$set('posts', data.posts);
+            });
+        },
+
+        ready: function() {
+            this.link = '@blog';
+        },
+
+        computed: {
+
+            postOptions: function () {
+                return [{text: this.$trans('Posts View'), value: '@blog'}].concat({label: this.$trans('Posts'), options: _.map(this.posts, function (post) {
+                    return {text: post.title, value: '@blog/id?id='+post.id};
+                })});
+            }
+
+        }
+
+    };
+
+    window.Links.components['link-blog'] = module.exports;
+
+</script>

app/components/node-blog.vue

@@ -0,0 +1,27 @@
+<template>
+
+    <div class="uk-form-horizontal">
+
+        <partial name="settings"></partial>
+
+    </div>
+
+</template>
+
+<script>
+
+    module.exports = {
+
+        inherit: true,
+
+        section: {
+            label: 'Settings',
+            priority: 0,
+            active: '^blog$'
+        }
+
+    };
+
+    window.Site.components['node-blog'] = module.exports;
+
+</script>

app/views/admin/comment-index.js

@@ -0,0 +1,186 @@
+module.exports = {
+
+    data: function () {
+        return _.merge({
+            posts: [],
+            comments: false,
+            pages: 0,
+            count: '',
+            selected: [],
+            user: window.$pagekit.user,
+            replyComment: {},
+            editComment: {}
+        }, window.$data);
+    },
+
+    created: function () {
+
+        this.Comments = this.$resource('api/blog/comment/:id');
+        this.config.filter = _.extend({filter: {search: '', status: ''}}, this.config.filter);
+
+        UIkit.init(this.$el);
+    },
+
+    watch: {
+
+        'config.page': 'load',
+
+        'config.filter': {
+            handler: function () {
+                this.load(0);
+            },
+            deep: true
+        }
+
+    },
+
+    computed: {
+
+        statusOptions: function () {
+
+            var options = _.map(this.$data.statuses, function (status, id) {
+                return {text: status, value: id};
+            });
+
+            return [{label: this.$trans('Filter by'), options: options}];
+        }
+
+    },
+
+    methods: {
+
+        active: function (comment) {
+            return this.selected.indexOf(comment.id) != -1;
+        },
+
+        submit: function () {
+            this.save(this.editComment.id ? this.editComment : this.replyComment);
+        },
+
+        save: function (comment) {
+            return this.Comments.save({id: comment.id}, {comment: comment}, function () {
+                this.load();
+                this.$notify('Comment saved.');
+            }, function (data) {
+                this.$notify(data, 'danger');
+            });
+        },
+
+        status: function (status) {
+
+            var comments = this.getSelected();
+
+            comments.forEach(function (comment) {
+                comment.status = status;
+            });
+
+            this.Comments.save({id: 'bulk'}, {comments: comments}, function () {
+                this.load();
+                this.$notify('Comments saved.');
+            });
+        },
+
+        remove: function () {
+            this.Comments.delete({id: 'bulk'}, {ids: this.selected}, function () {
+                this.load();
+                this.$notify('Comment(s) deleted.');
+            });
+        },
+
+        load: function (page) {
+
+            page = page !== undefined ? page : this.$get('config.page');
+
+            this.cancel();
+
+            this.Comments.query({filter: this.config.filter, post: this.config.post && this.config.post.id || 0, page: page, limit: this.config.limit}, function (data) {
+                this.$set('posts', data.posts);
+                this.$set('comments', data.comments);
+                this.$set('pages', data.pages);
+                this.$set('count', data.count);
+                this.$set('config.page', page);
+                this.$set('selected', []);
+            });
+        },
+
+        getSelected: function () {
+            var vm = this;
+            return this.comments.filter(function (comment) {
+                return vm.selected.indexOf(comment.id) !== -1;
+            });
+        },
+
+        getStatusText: function (comment) {
+            return this.statuses[comment.status];
+        },
+
+        cancel: function (e) {
+
+            if (e) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+
+            this.$set('replyComment', {});
+            this.$set('editComment', {});
+        }
+
+    },
+
+    components: {
+
+        'row': {
+            inherit: true,
+            template: '<component is="{{ editComment.id !== comment.id ? \'default-row\' : \'edit-row\' }}"></component>'
+        },
+
+        'default-row': {
+
+            inherit: true,
+            template: '#default-row',
+
+            computed: {
+
+                post: function () {
+                    return _.find(this.posts, 'id', this.comment.post_id) || {};
+                }
+
+            },
+
+            methods: {
+
+                reply: function () {
+                    this.cancel();
+                    this.$set('replyComment', {parent_id: this.comment.id, post_id: this.comment.post_id, author: this.user.name, email: this.user.email});
+                },
+
+                edit: function () {
+                    this.cancel();
+                    this.$set('editComment', _.merge({}, this.comment));
+                },
+
+                toggleStatus: function () {
+                    this.comment.status = this.comment.status === 1 ? 0 : 1;
+                    this.save(this.comment);
+                }
+
+            }
+
+        },
+
+        'edit-row': {
+
+            inherit: true,
+            template: '#edit-row'
+
+        }
+
+    }
+
+};
+
+jQuery(function () {
+
+    (new Vue(module.exports)).$mount('#comments');
+
+});

app/views/admin/post-edit.js

@@ -0,0 +1,54 @@
+var App = Vue.extend({
+
+    data: function() {
+        return {
+            data: window.$data,
+            post: window.$data.post
+        }
+    },
+
+    created: function () {
+        this.resource = this.$resource('api/blog/post/:id');
+    },
+
+    computed: {
+
+        statuses: function() {
+            return _.map(this.data.statuses, function(status, id) { return { text: status, value: id }; } );
+        },
+
+        authors: function() {
+            return this.data.authors.map(function(user) { return { text: user.username, value: user.id }; });
+        }
+
+    },
+
+    methods: {
+
+        save: function (e) {
+            e.preventDefault();
+
+            this.resource.save({ id: this.post.id }, { post: this.post, id: this.post.id }, function (data) {
+
+                if (!this.post.id) {
+                    window.history.replaceState({}, '', this.$url.route('admin/blog/post/edit', {id: data.post.id}))
+                }
+
+                this.$set('post', data.post);
+
+                this.$notify('Post saved.');
+
+            }, function (data) {
+                this.$notify(data, 'danger');
+            });
+        }
+
+    }
+
+});
+
+jQuery(function () {
+    new App().$mount('#post');
+});
+
+module.exports = App;