odex25_standard/odex25_donation/affiliate_management/views/about_template.xml

231 lines
7.9 KiB
XML

<odoo>
<data>
<template id="about" name="About Us">
<t t-call="website.layout">
<t t-if="user_id.partner_id.is_affiliate">
<div class="section">
<div class="oe_structure">
<div class="container mt16">
<div class="navbar navbar-expand-md navbar-light"
style="background-color: #3aadaa">
<div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/affiliate/about"
style="color:white;">
<i class="fa fa-home fa-2x">
</i>
</a>
</li>
<li class="nav-item">
<a class="nav-link mt-1 ps-2 ms-1 namitm"
href="/affiliate/report"
style=" color: white;border-left: 3px solid;">
Reports
</a>
</li>
<li class="nav-item">
<a class="nav-link mt-1 ps-2 ms-1"
href="/affiliate/payment"
style=" color: white;border-left: 3px solid;">
Payments
</a>
</li>
<li class="nav-item">
<a class="nav-link mt-1 ps-2 ms-1"
href="/affiliate/tool"
style=" color: white;border-left: 3px solid;">
Tools
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="oe_structure mt-2">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-7">
<div id="affiliate_code_inp">
<form>
<label for="usr_aff_code" class="ms-2">
Your Referral Code
</label>
<br />
<br />
<div class="d-flex">
<div class="w-25 me-2">
<input type="text"
class="form-control inp_style ms-2 text-center"
id="usr_aff_code" name="code"
t-att-value="affiliate_key" readonly="1" />
</div>
<div class="ps-2">
<button type="copy"
class="btn btn-success cpy_cde"
title="Click to Copy"
data-toggle="tooltip" id="cpy_cde"
style="top:12px;">
copy
</button>
</div>
</div>
</form>
<br />
<div class="ms-1">
<svg xmlns="http://www.w3.org/2000/svg" width="20"
height="24" fill="currentColor"
class="bi bi-mouse2" viewBox="0 0 16 16">
<path
d="M3 5.188C3 2.341 5.22 0 8 0s5 2.342 5 5.188v5.625C13 13.658 10.78 16 8 16s-5-2.342-5-5.188V5.189zm4.5-4.155C5.541 1.289 4 3.035 4 5.188V5.5h3.5V1.033zm1 0V5.5H12v-.313c0-2.152-1.541-3.898-3.5-4.154zM12 6.5H4v4.313C4 13.145 5.81 15 8 15s4-1.855 4-4.188V6.5z" />
</svg>
<b>
<a href="" id="url_anchor">
Click here to get Referral Link
</a>
</b>
</div>
</div>
<div id="affiliate_url_inp" style="display:none;">
<form>
<label for="aff_link text-secondary" class="ms-2">
Get Referral Link
</label>
<br />
<br />
<div class="d-flex">
<div class="w-100 me-2">
<input type="text"
class="form-control inp_style ms-2"
id="usr_aff_url" name="aff_link"
style="width: 100%;" t-att-value="url"
readonly="1" />
</div>
<div class="ps-2">
<button type="copy"
class="btn btn-success cpy_url"
id="cpy_url" title="Click to Copy"
data-toggle="tooltip" style="top:12px;">
copy
</button>
</div>
</div>
</form>
<br />
<div class="ms-1">
<svg xmlns="http://www.w3.org/2000/svg" width="20"
height="24" fill="currentColor"
class="bi bi-mouse2" viewBox="0 0 16 16">
<path
d="M3 5.188C3 2.341 5.22 0 8 0s5 2.342 5 5.188v5.625C13 13.658 10.78 16 8 16s-5-2.342-5-5.188V5.189zm4.5-4.155C5.541 1.289 4 3.035 4 5.188V5.5h3.5V1.033zm1 0V5.5H12v-.313c0-2.152-1.541-3.898-3.5-4.154zM12 6.5H4v4.313C4 13.145 5.81 15 8 15s4-1.855 4-4.188V6.5z" />
</svg>
<b>
<a href="" id="code_anchor">
Click here to get Referral Code
</a>
</b>
</div>
</div>
</div>
<div class="col-md-5 d-flex justify-content-end">
<div class="me-1">
<strong>
Pending Amount:
</strong>
<span>
<t t-esc="currency_id.symbol" />
<t t-esc="pending_amt" />
</span>
<br />
<div
style="font-size: 12px;opacity: 76%;color: #23527c;">
(* Report whose state is confirmed but not invoiced)
</div>
<strong>
Approved Amount:
</strong>
<span>
<t t-esc="currency_id.symbol" />
<t t-esc="approved_amt" />
</span>
<div
style="font-size: 12px;opacity: 76%;color: #23527c;">
(* Report whose state is invoiced but not paid)
</div>
</div>
</div>
</div>
<div class="divider mt-4"
style="border-bottom:2px solid black;opacity:30%">
</div>
</div>
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-md-offset-2 col-md-8">
<div style="padding:20px">
<center>
<h3>
How Does it Work?
</h3>
</center>
<t t-esc="how_it_works_title" />
</div>
<div class=" col-md-8">
<t t-esc="how_it_works_text" />
</div>
</div>
</div>
<div class="row justify-content-center" style="text-align: left;">
<div class="col-md-offset-3 col-md-4" style="padding:35px">
<h3>
Stats Management
</h3> With our
Affiliate Program, one will able to instantly see all the
information related to his earnings from Pay Per Sale and
Pay Per Click, which would be highly valuable in making
decisions. Reports generated by our Stats Management saves
time and gives a more clear picture of your Affiliate
Program profit and loss and what to focus on in order to
maximize your profit. <div style="text-align:left">
<a href="/affiliate/report/" class="btn btn-default"
style="background-color: #00A09D;color:white;">
View Your Stats
</a>
</div>
</div>
<img
src="/affiliate_management/static/src/img/icon-stats-management.svg"
class="col-lg-3" style="height: 180px;" />
</div>
<div class="row justify-content-center" id="affilaite_tool"
style="text-align: left;">
<img
src="/affiliate_management/static/src/img/icon-affiliate-tools.svg"
class="col-md-offset-3 col-lg-3" style="height: 180px;" />
<div class="col-md-4" style="padding:35px">
<h3>
Affiliate Tool
</h3> Through our
specially designed Affiliate Tools namely “Affiliate Link
Generator” and “Product Link Generator” user can easily
manage his affiliate program. Through our tools, its easy to
build the affiliate product links and banners and earn
money. <div style="text-align:left">
<a href="/affiliate/tool/" class="btn btn-default"
style="background-color: #00A09D;color:white;">
View Tools
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</t>
</t>
</template>
</data>
</odoo>
<!-- -->