catarse/catarse.js

import m from 'mithril';
import h from '../h';
import _ from 'underscore';
import facebookButton from '../c/facebook-button';
import copyTextInput from '../c/copy-text-input';

const projectInviteCard = {
    view: function({attrs}) {
        const project = attrs.project;

        return m('.card.card-terciary.u-marginbottom-20.u-radius.w-clearfix', [
            m('.fontsize-base.fontweight-semibold.u-marginbottom-30.u-text-center', 'Convide seus amigos para apoiar sua campanha'),
            m('.w-row', [
                m('.w-sub-col.u-marginbottom-20.w-col.w-col-4', [
                    m(facebookButton, {
                        url: `${h.projectFullPermalink(project)}?ref=facebook&utm_source=facebook.com&utm_medium=social&utm_campaign=project_share_insights`,
                        medium: true
                    })
                ]),
                m('.w-sub-col.u-marginbottom-20.w-col.w-col-4', [
                    m(facebookButton, {
                        messenger: true,
                        url: `${h.projectFullPermalink(project)}?ref=facebook&utm_source=facebook.com&utm_medium=messenger&utm_campaign=project_share_insights`,
                        medium: true
                    })
                ]),
                m('.w-col.w-col-4', [
                    m('.w-form', [
                        m('form[data-name=\'Email Form 2\'][id=\'email-form-2\'][name=\'email-form-2\']', [
                            m(
                                copyTextInput,
                                { value: `${h.projectFullPermalink(project)}?ref=project_link` }
                            )
                        ])
                    ])
                ])
            ])
        ]);
    }
};

export default projectInviteCard;