Files
odoo_source/addons/website_links/views/website_links_graphs.xml
T
jvm-odoo 3b862b4c29 [FIX] website_links: fix UI for big data
This commit increase the containers sizes in linktracker
because at the moment it's not adapted for big data.

It also add title attributes on truncated link to
preview the full link on hover.

OPW-2203428

closes odoo/odoo#47071

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-03-06 11:10:48 +00:00

146 lines
7.9 KiB
XML

<?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>