catarse/catarse.js

import m from 'mithril';
import prop from 'mithril/stream';
import models from '../models';
import { catarse } from '../api';
import _ from 'underscore';
import h from '../h';
import userVM from '../vms/user-vm';
import contributionVM from '../vms/contribution-vm';
import projectCard from './project-card';
import inlineError from './inline-error';
import loadMoreBtn from './load-more-btn';

const userContributed = {
    oninit: function(vnode) {
        const contributedProjects = prop(),
            user_id = vnode.attrs.userId,
            pages = contributionVM.getUserContributedProjectsWithFilter(),
            error = prop(false),
            loader = prop(true),
            contextVM = catarse.filtersVM({
                project_id: 'in',
            });

        userVM
            .getPublicUserContributedProjects(user_id, null)
            .then(data => {
                contributedProjects(data);
                if (!_.isEmpty(contributedProjects())) {
                    contextVM.project_id(_.pluck(contributedProjects(), 'project_id')).order({
                        online_date: 'desc',
                    });

                    models.project.pageSize(9);
                    pages.firstPage(contextVM.parameters()).then(() => {
                        loader(false);
                        h.redraw();
                    });
                } else {
                    loader(false);
                }

                h.redraw();
            })
            .catch(err => {
                error(true);
                loader(false);
                h.redraw();
            });

        vnode.state = {
            projects: pages,
            error,
            loader,
        };
    },
    view: function({ state, attrs }) {
        const projects_collection = state.projects.collection();
        return state.error()
            ? m(inlineError, { message: 'Erro ao carregar os projetos.' })
            : state.loader()
            ? h.loader()
            : m(".content[id='contributed-tab']", [
                  !_.isEmpty(projects_collection)
                      ? _.map(projects_collection, project =>
                            m(projectCard, {
                                project,
                                ref: 'user_contributed',
                                showFriends: false,
                            })
                        )
                      : m(
                            '.w-container',
                            m('.u-margintop-30.u-text-center.w-row', [
                                m('.w-col.w-col-3'),
                                m('.w-col.w-col-6', [
                                    m('.fontsize-large.u-marginbottom-30', 'Ora, ora... você ainda não apoiou nenhum projeto no Catarse!'),
                                    m('.w-row', [
                                        m('.w-col.w-col-3'),
                                        m('.w-col.w-col-6', m("a.btn.btn-large[href='/explore']", 'Que tal apoiar agora?')),
                                        m('.w-col.w-col-3'),
                                    ]),
                                ]),
                                m('.w-col.w-col-3'),
                            ])
                        ),
                  !_.isEmpty(projects_collection)
                      ? m('.w-row.u-marginbottom-40.u-margintop-30', [m(loadMoreBtn, { collection: state.projects, cssClass: '.w-col-push-4' })])
                      : '',
              ]);
    },
};

export default userContributed;