catarse/catarse.js

import m from 'mithril';
import prop from 'mithril/stream';
import _ from 'underscore';
import h from '../h';
import ownerMessageContent from './owner-message-content';
import modalBox from './modal-box';
import UserFollowBtn from './user-follow-btn';
import userVM from '../vms/user-vm';

const projectUserCard = {
    oninit: function(vnode) {
        const project = vnode.attrs.project || prop({}),
            displayModal = h.toggleProp(false, true),
            storeId = 'message',
            sendMessage = () => {
                if (!h.getUser()) {
                    console.log('I will store an action');
                    h.storeAction(storeId, project().project_id);
                    return h.navigateToDevise(`?redirect_to=/projects/${project().project_id}`);
                }

                displayModal(true);
            };

        if (h.callStoredAction(storeId) == project().project_id) {
            displayModal(true);
        }

        vnode.state = {
            displayModal,
            sendMessage,
        };
    },
    view: function({ state, attrs }) {
        const project = attrs.project;
        const userDetail = attrs.userDetails();
        const contactData = _.extend(attrs.userDetails(), { project_id: project().id });
        const contactModalC = [ownerMessageContent, contactData];

        return m(
            '#user-card',
            _.isEmpty(userDetail)
                ? 'carregando...'
                : m('.u-marginbottom-30.u-text-center-small-only', [
                      state.displayModal()
                          ? m(modalBox, {
                                displayModal: state.displayModal,
                                content: contactModalC,
                            })
                          : '',
                      m('.w-row', [
                          m('.w-col.w-col-4', [
                              m(`img.thumb.u-marginbottom-30.u-round[width="100"][itemprop="image"][src="${userVM.displayImage(userDetail)}"]`),
                          ]),
                          m('.w-col.w-col-8', [
                              m('.fontsize-small.link-hidden.fontweight-semibold.u-marginbottom-10.lineheight-tight[itemprop="name"]', [
                                  m(
                                      `a.link-hidden${attrs.isDark ? '.link-hidden-white' : ''}[href="${
                                          _.isNull(userDetail.deactivated_at) ? `/users/${userDetail.id}` : 'javascript:void(0);'
                                      }"]`,
                                      {
                                          oncreate: m.route.link,
                                          onclick: () => {
                                              if (!_.isNull(userDetail.deactivated_at)) {
                                                  return false;
                                              }
                                              m.route(`/users/${userDetail.id}`, {
                                                  user_id: userDetail.id,
                                              });
                                              h.analytics.event({
                                                  cat: 'project_view',
                                                  act: 'project_creator_link',
                                                  lbl: userDetail.id,
                                                  project: project(),
                                              });
                                          },
                                      },
                                      userVM.displayName(userDetail)
                                  ),
                              ]),
                              !_.isNull(userDetail.deactivated_at)
                                  ? ''
                                  : m('.fontsize-smallest', [
                                        h.pluralize(userDetail.total_published_projects, ' criado', ' criados'),
                                        m.trust('  |  '),
                                        h.pluralize(userDetail.total_contributed_projects, ' apoiado', ' apoiados'),
                                    ]),
                              !_.isNull(userDetail.deactivated_at)
                                  ? ''
                                  : m('ul.w-hidden-tiny.w-hidden-small.w-list-unstyled.fontsize-smaller.fontweight-semibold.u-margintop-20.u-marginbottom-20', [
                                        !_.isEmpty(userDetail.facebook_link)
                                            ? m('li', [
                                                  m(
                                                      `a.link-hidden${attrs.isDark ? '.link-hidden-white' : ''}[itemprop="url"][href="${
                                                          userDetail.facebook_link
                                                      }"][target="_blank"]`,
                                                      {
                                                          onclick: h.analytics.event({
                                                              cat: 'project_view',
                                                              act: 'project_creator_fb',
                                                              lbl: userDetail.facebook_link,
                                                              project: project(),
                                                          }),
                                                      },
                                                      'Perfil no Facebook'
                                                  ),
                                              ])
                                            : '',
                                        !_.isEmpty(userDetail.twitter_username)
                                            ? m('li', [
                                                  m(
                                                      `a.link-hidden${attrs.isDark ? '.link-hidden-white' : ''}[itemprop="url"][href="https://twitter.com/${
                                                          userDetail.twitter_username
                                                      }"][target="_blank"]`,
                                                      {
                                                          onclick: h.analytics.event({
                                                              cat: 'project_view',
                                                              act: 'project_creator_twitter',
                                                              lbl: userDetail.twitter_username,
                                                              project: project(),
                                                          }),
                                                      },
                                                      'Perfil no Twitter'
                                                  ),
                                              ])
                                            : '',
                                        _.map(userDetail.links, link => {
                                            const parsedLink = h.parseUrl(link.link);

                                            return !_.isEmpty(parsedLink.hostname)
                                                ? m('li', [
                                                      m(
                                                          `a.link-hidden${attrs.isDark ? '.link-hidden-white' : ''}[itemprop="url"][href="${
                                                              link.link
                                                          }"][target="_blank"]`,
                                                          {
                                                              onclick: h.analytics.event({
                                                                  cat: 'project_view',
                                                                  act: 'project_creator_otherlinks',
                                                                  lbl: link.link,
                                                                  project: project(),
                                                              }),
                                                          },
                                                          parsedLink.hostname
                                                      ),
                                                  ])
                                                : '';
                                        }),
                                    ]),
                              !_.isEmpty(userDetail)
                                  ? [
                                        !_.isNull(userDetail.deactivated_at)
                                            ? ''
                                            : m(UserFollowBtn, {
                                                  enabledClass: `a.w-button.btn.btn-terciary${
                                                      attrs.isDark ? '.btn-terciary-negative' : ''
                                                  }.btn-small..u-marginbottom-10`,
                                                  disabledClass: `a.w-button.btn.btn-terciary${
                                                      attrs.isDark ? '.btn-terciary-negative' : ''
                                                  }.btn-small.u-marginbottom-10`,
                                                  follow_id: userDetail.id,
                                                  following: userDetail.following_this_user,
                                              }),
                                        m(
                                            `button.w-button.btn.btn-terciary${attrs.isDark ? '.btn-terciary-negative' : ''}.btn-small`,
                                            {
                                                onclick: h.analytics.event(
                                                    {
                                                        cat: 'project_view',
                                                        act: 'project_creator_sendmsg',
                                                        lbl: userDetail.id,
                                                        project: project(),
                                                    },
                                                    state.sendMessage
                                                ),
                                            },
                                            'Contato'
                                        ),
                                    ]
                                  : '',
                              attrs.project().is_admin_role ? m('p', userDetail.email) : '',
                          ]),
                      ]),
                  ])
        );
    },
};

export default projectUserCard;