initial commit 2

3 files changed, 275 insertions, 0 deletions

diff --git a/addons/website_links/views/link_tracker_views.xml b/addons/website_links/views/link_tracker_views.xml
new file mode 100644
index 00000000..9649f474
--- /dev/null
+++ b/addons/website_links/views/link_tracker_views.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <record id="link_tracker_view_tree" model="ir.ui.view">
+        <field name="name">link.tracker.view.tree.inherit.website.links</field>
+        <field name="model">link.tracker</field>
+        <field name="inherit_id" ref="link_tracker.link_tracker_view_tree"/>
+        <field name="arch" type="xml">
+            <xpath expr="//button[@name='action_visit_page']" position="after">
+                <button name="action_visit_page_statistics" type="object" string="Statistics" icon="fa-bar-chart"/>
+            </xpath>
+        </field>
+    </record>
+</odoo>
diff --git a/addons/website_links/views/website_links_graphs.xml b/addons/website_links/views/website_links_graphs.xml
new file mode 100644
index 00000000..fb119701
--- /dev/null
+++ b/addons/website_links/views/website_links_graphs.xml
@@ -0,0 +1,145 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+        <template id="graphs" name="Link Statistics">
+            <t t-call="website.layout">
+                <div class="o_website_links_chart">
+                    <div class="container">
+                        <div class="mt8">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="/r">Link Tracker</a></li>
+                                <li class="breadcrumb-item active"><t t-esc="title"/></li>
+                            </ol>
+                        </div>
+
+                        <input type="hidden" id="code" t-att-value="code" />
+                        <input type="hidden" id="link_id" t-att-value="id" />
+
+                        <h1 class="o_page_header mt0"><t t-esc="title"/></h1>
+
+                        <div class="row">
+                            <div class="col-md-2">
+                                <p><strong>Original URL</strong></p>
+                            </div>
+                            <div class="col-md-10">
+                                <p class="truncate_text mw-100" t-att-title="url"><a t-att-href="url"><t t-esc="url"/></a></p>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-2">
+                                <p><strong>Tracked Link</strong></p>
+                            </div>
+                            <div class="col-md-10">
+                                <p>
+                                    <span class="o_website_links_short_url" id="short_url"><span id="short-url-host"><t t-esc="short_url_host"/></span><span id="o_website_links_code"><t t-esc="code"/></span></span>
+                                    <span class="o_website_links_edit_tools" style="display:none;">
+                                        <a role="button" class="o_website_links_ok_edit btn btn-sm btn-primary" href="#">ok</a> or 
+                                        <a class="o_website_links_cancel_edit" href="#">cancel</a>
+                                    </span>
+                                    <a class="o_website_links_edit_code" aria-label="Edit code" title="Edit code"><span class="fa fa-pencil gray"></span></a>
+                                    <a class="copy-to-clipboard" t-att-data-clipboard-text="short_url">copy</a>
+
+                                </p>
+                                <p class='o_website_links_code_error' style='color:red;font-weight:bold;display:none'></p>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-2">
+                                <p><strong>Redirected URL</strong></p>
+                            </div>
+                            <div class="col-md-10">
+                                <p class="truncate_text mw-100" t-att-title="redirected_url">
+                                    <t t-esc="redirected_url"/>
+                                </p>
+                            </div>
+                        </div>
+
+                        <t t-if="campaign_id">
+                            <div class="row">
+                                <div class="col-md-2">
+                                    <p><strong>Campaign</strong></p>
+                                </div>
+                                <div class="col-md-10">
+                                    <p><t t-esc="campaign_id[1]"/></p>
+                                </div>
+                            </div>
+                        </t>
+
+                        <t t-if="medium_id">
+                            <div class="row">
+                                <div class="col-md-2">
+                                    <p><strong>Medium</strong></p>
+                                </div>
+                                <div class="col-md-10">
+                                    <p><t t-esc="medium_id[1]"/></p>
+                                </div>
+                            </div>
+                        </t>
+
+                        <t t-if="source_id">
+                            <div class="row">
+                                <div class="col-md-2">
+                                    <p><strong>Source</strong></p>
+                                </div>
+                                <div class="col-md-10">
+                                    <p><t t-esc="source_id[1]"/></p>
+                                </div>
+                            </div>
+                        </t>
+
+
+                        <h1 class="o_page_header">Statistics
+                            <small class="float-right d-none d-md-block mt16" id="filters">
+                                <ul class="nav nav-tabs nav-tabs-inline graph-tabs" role="tablist">
+                                    <li class="nav-item"><a aria-controls="all_time_charts" href="#all_time_charts" class="nav-link active" role="tab" data-toggle="tab">All Time</a></li>
+                                    <li class="nav-item"><a aria-controls="last_month_charts" href="#last_month_charts" class="nav-link" role="tab" data-toggle="tab">Last Month</a></li>
+                                    <li class="nav-item"><a aria-controls="last_week_charts" href="#last_week_charts" class="nav-link" role="tab" data-toggle="tab">Last Week</a></li>
+                                </ul>
+                            </small>
+                        </h1>
+
+                        <div class="mb128">
+                            <div class="tab-content">
+                                <!-- All Time Charts -->
+                                <div role="tabpanel" class="tab-pane active" id="all_time_charts">
+                                    <div class="website_links_click_chart" id="all_time_clicks_chart">
+                                        <h3 class="title"></h3>
+                                        <canvas style="height:20em;"></canvas>
+                                    </div>
+                                    <div class="website_links_click_chart" id="all_time_countries_charts">
+                                        <h3 class="title"></h3>
+                                        <canvas style="height:20em;"></canvas>
+                                    </div>
+                                </div>
+
+                                <!-- Last Month Charts -->
+                                <div role="tabpanel" class="tab-pane" id="last_month_charts">
+                                    <div class="website_links_click_chart" id="last_month_clicks_chart">
+                                        <h3 class="title"></h3>
+                                        <canvas style="height:20em;"></canvas>
+                                    </div>
+                                    <div class="website_links_click_chart" id="last_month_countries_charts">
+                                        <h3 class="title"></h3>
+                                        <canvas style="height:20em;"></canvas>
+                                    </div>
+                                </div>
+
+                                <!-- Last Week Charts -->
+                                <div role="tabpanel" class="tab-pane" id="last_week_charts">
+                                    <div class="website_links_click_chart" id="last_week_clicks_chart">
+                                        <h3 class="title"></h3>
+                                        <canvas style="height:20em;"></canvas>
+                                    </div>
+                                    <div class="website_links_click_chart" id="last_week_countries_charts">
+                                        <h3 class="title"></h3>
+                                        <canvas style="height:20em;"></canvas>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </t>
+        </template>
+</odoo>
diff --git a/addons/website_links/views/website_links_template.xml b/addons/website_links/views/website_links_template.xml
new file mode 100644
index 00000000..3f7a95ee
--- /dev/null
+++ b/addons/website_links/views/website_links_template.xml
@@ -0,0 +1,117 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+        <template id="assets_website_links" inherit_id="website.assets_frontend">
+            <xpath expr="." position="inside">
+                <script type="text/javascript" src="/website_links/static/src/js/website_links.js"/>
+                <script type="text/javascript" src="/website_links/static/src/js/website_links_code_editor.js"/>
+                <script type="text/javascript" src="/website_links/static/src/js/website_links_charts.js"/>
+                <link rel="stylesheet" type="text/css" href="/website_links/static/src/css/website_links.css"/>
+            </xpath>
+        </template>
+
+        <template id="assets_tests" name="Website Links Assets Tests" inherit_id="web.assets_tests">
+            <xpath expr="." position="inside">
+                <script type="text/javascript" src="/website_links/static/tests/tours/website_links.js"></script>
+            </xpath>
+        </template>
+
+        <template id="share_page_menu" inherit_id="website.user_navbar">
+            <xpath expr="//a[@data-action='promote-current-page']" position="after">
+                <a href="/r" id="o_website_links_share_page" class="dropdown-item">
+                    <span title="Track this page to count clicks">Link Tracker</span>
+                </a>
+            </xpath>
+
+        </template>
+
+        <template id="asset_website_links_menu" inherit_id="website.assets_editor">
+            <xpath expr="." position="inside">
+                <script type="text/javascript" src="/website_links/static/src/js/website_links_menu.js"></script>
+            </xpath>
+        </template>
+
+        <template id="create_shorten_url">
+            <div class="o_website_links_create_tracked_url">
+                <div class="container">
+                    <h1 class="o_page_header">Link Tracker</h1>
+                    <div class="notification"></div>
+
+                    <div class="row">
+                        <div class="col-md-7">
+                            <form id="o_website_links_link_tracker_form">
+
+                                <div class="form-group row" id="url-form-group">
+                                    <label class="col-md-3 col-form-label text-left">URL</label>
+
+                                    <div class="col-md-9">
+                                        <input type="text" id="url" class="form-control required-form-control"  required="True" placeholder="e.g. https://www.odoo.com/contactus" t-att-value="u"/>
+                                    </div>
+                                </div>
+
+                                <div class="o_website_links_utm_forms">
+                                    <div class="form-group row">
+                                        <label class="col-md-3 col-form-label">Campaign <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the context of your link. It might be an event you want to promote or a special promotion."></i></label>
+
+                                        <div class="col-md-9">
+                                            <input type="hidden" class="form-control" id="campaign-select"/>
+                                        </div>
+                                    </div>
+
+                                    <div class="form-group row">
+                                        <label class="col-md-3 col-form-label">Medium <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the medium used to share your link. It might be an email, or a Facebook Ads for instance."></i></label>
+
+                                        <div class="col-md-9">
+                                            <input type="hidden" class="form-control" id="channel-select" />
+                                        </div>
+                                    </div>
+
+                                    <div class="form-group row">
+                                        <label class="col-md-3 col-form-label">Source <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the source from which your traffic will come from, Facebook or Twitter for instance."></i></label>
+
+                                        <div class="col-md-9">
+                                            <input type="hidden" class="form-control" id="source-select" />
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="form-group row">
+                                    <div class="offset-md-3 col-md-9">
+                                        <button type="submit" class="btn btn-primary" id="btn_shorten_url" data-clipboard-text="">Get tracked link</button>
+
+                                        <span id="generated_tracked_link" style="display:none;" class="text-muted"></span>
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
+
+                        <div class="offset-md-1 col-md-3 d-none d-md-block">
+                            <p class="text-muted text-justify">Share this page with a <strong>short link</strong> that includes <strong>analytics trackers</strong>.</p>
+                            <p class="text-muted text-justify">Those trackers can be used in Google Analytics to track clicks and visitors, or in Odoo reports to track opportunities and related revenues.</p>
+                        </div>
+                    </div>
+
+                    <h2 class="o_page_header">Your tracked links
+                        <small class="float-right d-none d-md-block" id="filters">
+                            <ul class="nav nav-tabs nav-tabs-inline graph-tabs" role="tablist">
+                                <li class="nav-item"><a aria-controls="filter-newest-links" href="#" class="nav-link active" id="filter-newest-links" role="tab" data-toggle="tab">Newest</a></li>
+                                <li class="nav-item"><a aria-controls="filter-most-clicked-links" href="#" class="nav-link" id="filter-most-clicked-links" role="tab" data-toggle="tab">Most Clicked</a></li>
+                                <li class="nav-item"><a aria-controls="filter-recently-used-links" href="#" class="nav-link" id="filter-recently-used-links" role="tab" data-toggle="tab">Recently Used</a></li>
+                            </ul>
+                        </small>
+                    </h2>
+
+                    <div id="o_website_links_recent_links">
+                        <div class="o_website_links_recent_links_notification"></div>
+                    </div>
+                </div>
+            </div>
+        </template>
+
+        <template id="page_shorten_url" name="Link Tracker">
+            <t t-call="website.layout">
+                <t t-call="website_links.create_shorten_url"/>
+            </t>
+        </template>
+
+</odoo>