summaryrefslogtreecommitdiff
path: root/addons/website_links/views/website_links_graphs.xml
blob: fb1197010f211281b3c40f6b95e4d914ff38f634 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
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>