<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>

<template id="footer_mailing_list" inherit_id="website.footer_default" name="Footer Mailing List Link">
    <xpath expr="//div[@id='info']/ul" position="inside">
        <li><a t-attf-href="/groups">Mailing List</a></li>
    </xpath>
</template>

<template id="head" inherit_id="website.assets_frontend" name="Mail Group Snippet">
    <xpath expr="/t" position="inside">
        <link rel="stylesheet" href="/website_mail_group/static/src/css/website_mail_group.css"/>
        <script type="text/javascript" src="/website_mail_group/static/src/js/website_mail_group.js"/>

        <script type="text/javascript" src="/website_mail_group/static/src/js/website_mail_group.snippet.js"></script>
    </xpath>
</template>

<template id="editor" inherit_id="website.assets_editor" name="Mail Group Editor">
    <xpath expr="/t" position="inside">
        <script type="text/javascript" src="/website_mail_group/static/src/js/website_mail_group.editor.js" groups="base.group_website_publisher"></script>
    </xpath>
</template>

<template id="mail_groups" name="Mailing Lists">
    <t t-call="website.layout">
        <div id="wrap" class="oe_structure oe_empty">
            <section class="bg-primary jumbotron mt0 mb0">
                <div class="container">
                    <h1>Stay in touch with our Community</h1>
                    <p>Alone we can do so little, together we can do so much</p>
                </div>
            </section>
        </div>
        <div class="container mt32">
            <div t-if="'unsubscribe' in request.params" class="col-md-offset-9 col-md-3 alert alert-info">
               <h3>Need to unsubscribe? It's right here! <span class="fa fa-2x fa-arrow-down pull-right"></span></h3>
            </div>
            <div class="row mt8" t-foreach="groups" t-as="group">
                <div class="col-md-3">
                    <img t-att-src="website.image_url(group, 'image_small')" class="pull-left"/>
                    <strong><a t-attf-href="/groups/#{ slug(group) }" t-esc="group.name"/></strong><br />
                    <t t-if="group.alias_id and group.alias_id.alias_name and group.alias_id.alias_domain">
                        <i class='fa fa-envelope-o'/>
                        <a t-attf-href="mailto:#{group.alias_id.alias_name}@#{group.alias_id.alias_domain}"><span t-field="group.alias_id"/></a>
                    </t>
                </div>
                <div class="col-md-4">
                    <div t-esc="group.description" class="text-muted"/>
                </div>
                <div class="col-md-2">
                    <i class='fa fa-user'/> <t t-esc="len(group.message_follower_ids)"/> participants<br />
                    <i class='fa fa-envelope-o'/> <t t-raw="group_data[group.id]['monthly_message_nbr']"/> messages / month
                </div>
                <div class="col-md-3">
                    <t t-call="website_mail.follow"><t t-set="object" t-value="group"/></t>
                </div>
            </div>
        </div>
    </t>
</template>

<template id="group_messages" name="Message Threads">
    <t t-call="website.layout">
        <section class="container">
            <div class="mt8">
                <ol class="breadcrumb pull-left">
                    <li><a href="/groups">Mailing Lists</a></li>
                    <li>
                        <a t-attf-href="/groups/#{slug(group)}?#{mode and 'mode=%s' % mode or ''}#{date_begin and '&amp;date_begin=%s' % date_begin or ''}#{date_end and '&amp;date_end=%s' % date_end or ''}"><t t-esc="group.name"/></a>
                    </li>
                </ol>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <h1 class="text-center">
                        <t t-esc="group.name"/> mailing list archives
                    </h1><h4 class="text-center text-muted" t-if="group.alias_id and group.alias_id.alias_name and group.alias_id.alias_domain">
                        <i class='fa fa-envelope-o'/>
                        <a t-attf-href="mailto:#{group.alias_id.alias_name}@#{group.alias_id.alias_domain}"><span t-field="group.alias_id"/></a>
                    </h4>
                </div>
                <div class="col-md-3">
                    <h2>Archives</h2>
                    <ul class="nav nav-pills nav-stacked" id="group_mode">
                        <li t-attf-class="#{mode=='thread' and 'active' or ''}">
                            <a t-attf-href="/groups/#{ slug(group) }?mode=thread">By thread</a>
                        </li>
                        <li t-attf-class="#{mode=='date' and not date_begin and 'active' or ''}">
                            <a t-attf-href="/groups/#{ slug(group) }?mode=date">By date</a>
                            <ul class="nav nav-pills nav-stacked" style="margin-left: 8px;">
                                <t t-foreach="archives" t-as="month_archive">
                                <li t-att-class="month_archive['date_begin'] == date_begin and 'active' or None">
                                    <a t-ignore="True" t-attf-href="/groups/#{ slug(group) }?mode=date&amp;date_begin=#{ month_archive['date_begin'] }&amp;date_end=#{month_archive['date_end']}">
                                        <t t-esc="month_archive['date']"/>
                                        <span class="pull-right badge" t-esc="month_archive['date_count']"/>
                                    </a>
                                </li>
                                </t>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="col-md-9">
                    <div>
                        <t t-call="website.pager"/>
                    </div>
                    <t t-call="website_mail_group.messages_short">
                        <t t-set="messages" t-value="messages"/>
                        <t t-set="msg_more_count" t-value="0"/>
                        <t t-set="thread_header" t-value="None"/>
                    </t>
                    <div>
                        <t t-call="website.pager"/>
                    </div>
                </div>
            </div>
        </section>
    </t>
</template>

<template id="group_message">
    <t t-call="website.layout">
        <t t-set="additional_title"><t t-esc="message.description"/></t>
        <section class="container">
            <div class="row mt8">
                <ol class="breadcrumb pull-left">
                    <li><a href="/groups">Mailing Lists</a></li>
                    <li>
                        <a t-attf-href="/groups/#{slug(group)}?#{mode and 'mode=%s' % mode or ''}#{date_begin and '&amp;date_begin=%s' % date_begin or ''}#{date_end and '&amp;date_end=%s' % date_end or ''}"><t t-esc="group.name"/></a>
                    </li>
                    <li t-if="message" class="active"><t t-esc="message.description"/></li>
                </ol>
            </div>
            <div class="row">
                <h1 class="text-center">
                    <t t-esc="group.name"/> mailing list archives
                </h1><h4 class="text-center text-muted" t-if="group.alias_id and group.alias_id.alias_name and group.alias_id.alias_domain">
                    <i class='fa fa-envelope-o'/>
                    <a t-attf-href="mailto:#{group.alias_id.alias_name}@#{group.alias_id.alias_domain}"><span t-field="group.alias_id"/></a>
                </h4>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <h4>Browse archives</h4>
                    <ul class="nav nav-pills nav-stacked" id="group_mode">
                        <li t-attf-class="#{mode=='thread' and 'active' or ''}">
                            <a t-attf-href="/groups/#{ slug(group) }?mode=thread">By thread</a>
                        </li>
                        <li t-attf-class="#{mode=='date' and not date_begin and 'active' or ''}">
                            <a t-attf-href="/groups/#{ slug(group) }?mode=date">By date</a>
                            <ul class="nav nav-pills nav-stacked" style="margin-left: 8px;">
                                <t t-foreach="archives" t-as="month_archive">
                                <li t-att-class="month_archive['date_begin'] == date_begin and 'active' or None">
                                    <a t-ignore="True" t-attf-href="/groups/#{ slug(group) }?mode=date&amp;date_begin=#{ month_archive['date_begin'] }&amp;date_end=#{month_archive['date_end']}">
                                        <t t-esc="month_archive['date']"/>
                                        <span class="pull-right badge" t-esc="month_archive['date_count']"/>
                                    </a>
                                </li>
                                </t>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="col-md-9">
                    <div class="row">
                        <h4 class="col-md-6">
                            <t t-if="prev_message"><a t-attf-href='/groups/#{slug(group)}/#{slug(prev_message)}?#{mode and "mode=%s" % mode or ""}'>
                                <i class="fa fa-arrow-left"/> <t t-esc="prev_message.description"/>
                            </a></t>
                        </h4>
                        <h4 class="col-md-6">
                            <t t-if="next_message"><a class="pull-right" t-attf-href='/groups/#{slug(group)}/#{slug(next_message)}?#{mode and "mode=%s" % mode or ""}'>
                                <t t-esc="next_message.description"/> <i class="fa fa-arrow-right"/>
                            </a></t>
                        </h4>
                    </div>
                    <div class="media">
                        <img class="img-rounded pull-left mt0 media-object o_mg_avatar"
                            t-att-src="website.image_url(message, 'author_avatar')"/>
                        <div class="media-body">
                            <h4 class="media-heading" t-esc="message.description"/>
                            <small>
                                by
                                <t t-if="message.author_id">
                                    <span t-field="message.author_id" style="display: inline-block;" t-field-options='{
                                        "widget": "contact",
                                        "fields": ["name"]
                                    }'/>
                                </t>
                                <t t-if="not message.author_id"><t t-esc="message.email_from"/></t>
                                - <i class="fa fa-calendar"/> <t t-esc="message.date"/>
                            </small>
                            <div t-raw="message.body"/>

                            <div>
                                <p t-if="message.attachment_ids" class="mt8">
                                    <a href="#" class="o_mg_link_hide">
                                        <i class="fa fa-chevron-right"/> <t t-raw="len(message.attachment_ids)"/> attachments
                                    </a>
                                    <a href="#" class="o_mg_link_show">
                                        <i class="fa fa-chevron-down"/> <t t-raw="len(message.attachment_ids)"/> attachments
                                    </a>
                                </p>
                                <div class="o_mg_link_content">
                                    <div class="col-md-2 col-sm-3 text-center" t-foreach='message.attachment_ids' t-as='attachment'>
                                        <a t-att-href="'/mail/download_attachment?model=mail.message&amp;id='+str(message.id)+'&amp;method=download_attachment&amp;attachment_id='+str(attachment.id)" target="_blank">
                                            <t t-if="attachment.file_type == 'webimage'">
                                                <img t-att-src="'/web/binary/image?model=ir.attachment&amp;field=datas&amp;id=' + str(attachment.id) + '&amp;resize=100,80'"
                                                    class='oe_attachment_embedded'
                                                    t-att-title="attachment.name"/>
                                            </t>
                                            <t t-if="attachment.file_type != 'webimage'">
                                                <img t-att-src="'/mail/static/src/img/mimetypes/' + (attachment.file_type or 'disk') + '.png'"
                                                    class='oe_attachment_webimage'
                                                    t-att-title="attachment.name"/>
                                            </t>
                                            <div class='oe_attachment_name'><t t-raw='attachment.name' /></div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div t-if="message.child_ids" class="o_mg_replies">
                        <h4 class="page-header">Follow-Ups</h4>
                        <t t-call="website_mail_group.messages_short">
                            <t t-set="messages" t-value="message.child_ids[:replies_per_page]"/>
                            <t t-set="msg_more_count" t-value="len(message.child_ids) - replies_per_page"/>
                            <t t-set="thread_header" t-value="message"/>
                        </t>
                    </div>
                    <div t-if="message.parent_id">
                        <h4 class="page-header">Reference</h4>
                        <t t-call="website_mail_group.messages_short">
                            <t t-set="messages" t-value="[message.parent_id]"/>
                        </t>
                    </div>
                </div>
            </div>
        </section>
    </t>
</template>

<template id="messages_short">
    <div>
        <ul class="media-list">
            <li t-foreach="messages" t-as="thread" class="media">
                <img class="img-rounded pull-left mt0 media-object o_mg_avatar"
                    t-att-src="website.image_url(thread, 'author_avatar')"/>
                <div class="media-body">
                    <h4 class="media-heading">
                        <a t-attf-href="/groups/#{slug(group)}/#{slug(thread)}?mode=#{mode}&amp;date_begin=#{date_begin}&amp;date_end=#{date_end}" t-esc="thread.description"/>
                    </h4>
                    <small>
                        by
                        <t t-if="thread.author_id">
                            <span t-field="thread.author_id" style="display: inline-block;" t-field-options='{
                                "widget": "contact",
                                "fields": ["name"]
                            }'/>
                        </t>
                        <t t-if="not thread.author_id"><t t-esc="thread.email_from"/></t>
                        - <i class="fa fa-calendar"/> <t t-esc="thread.date"/>
                        - <i class="fa fa-paperclip"/> <t t-esc="len(thread.attachment_ids)"/>
                    </small>
                    <p t-if="thread.child_ids" class="mt8">
                        <a href="#" class="o_mg_link_hide">
                            <i class="fa fa-chevron-right"/> <t t-raw="len(thread.child_ids)"/> replies
                        </a>
                        <a href="#" class="o_mg_link_show">
                            <i class="fa fa-chevron-down"/> <t t-raw="len(thread.child_ids)"/> replies
                        </a>
                    </p>
                    <div class="o_mg_link_content o_mg_replies">
                        <t t-call="website_mail_group.messages_short">
                            <t t-set="messages" t-value="thread.child_ids[:replies_per_page]"/>
                            <t t-set="msg_more_count" t-value="len(thread.child_ids) - replies_per_page"/>
                            <t t-set="thread_header" t-value="thread"/>
                        </t>
                    </div>
                </div>
            </li>
        </ul>
        <p t-if="messages and msg_more_count > 0 and thread_header" class="well well-sm">
            <button class="fa btn-link o_mg_read_more"
                t-attf-data-href="/groups/#{slug(group)}/#{slug(thread_header)}/get_replies"
                t-attf-data-msg-id="#{messages[-1].id}">
                show <t t-esc="msg_more_count"/> more replies
            </button>
        </p>
    </div>
</template>

</data>
</openerp>
