You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
397 lines
19 KiB
397 lines
19 KiB
<templates>
|
|
<t t-name="ActivityDashboard">
|
|
<div>
|
|
<div class="form-group">
|
|
<h1 style="margin: 20px;">
|
|
Activity Dashboard
|
|
</h1>
|
|
</div>
|
|
<div>
|
|
<div class="filter_view_tb"></div>
|
|
</div>
|
|
<br></br>
|
|
<div>
|
|
<div class="table_view"></div>
|
|
</div>
|
|
|
|
<br></br>
|
|
<div>
|
|
<div class="table_view_activity"></div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
<t t-name="ManageActivity">
|
|
<section class="dashboard_main_section">
|
|
<div class="activity_dash_card row">
|
|
|
|
<div class="col-sm-12 col-md-3">
|
|
<div class="row activity-dashboard-card activity-my-activity all_activity">
|
|
<div class="activity-dashboard-card__icon-container bg-mauve-light d-flex">
|
|
<i class="fa fa-clock-o text-mauve" style="padding-right: 80px; color: #3c3939;font-size: 30px;
|
|
padding-left: 0px;padding-bottom: 5px;padding-top: 13px;"/>
|
|
</div>
|
|
<div style="font-size: 30px;color: #3c3939;padding-left: 0px;padding-bottom: 17px;padding-top: 11px;">
|
|
<t t-esc="len_all"/>
|
|
</div>
|
|
<div class="dashboard-card__details"
|
|
style="padding-left: 26px;padding-bottom: 03px;padding-top: 11px;">
|
|
<p>
|
|
<h4>All Activity</h4>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-3">
|
|
<div class="activity-dashboard-card planned_activity">
|
|
<div class="activity-dashboard-card__icon-container bg-mauve-light d-flex">
|
|
<i class="fa fa-clock-o text-mauve" style="padding-right: 80px; color: #3c3939;font-size: 30px;
|
|
padding-left: 0px;padding-bottom: 5px;padding-top: 13px;"/>
|
|
</div>
|
|
|
|
<div style="font-size: 30px;color: #3c3939;padding-left: 0px;padding-bottom: 17px;padding-top: 11px;">
|
|
<t t-esc="len_planned"/>
|
|
</div>
|
|
<div class="dashboard-card__details"
|
|
style="padding-left: 26px;padding-bottom: 03px;padding-top: 11px;">
|
|
<h3>
|
|
<span>
|
|
<div id="leads_this_year"/>
|
|
<div id="leads_this_quarter"/>
|
|
<div id="leads_this_month"/>
|
|
<div id="leads_this_week"/>
|
|
</span>
|
|
</h3>
|
|
<h4>Planned Activity</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-3">
|
|
<div class="activity-dashboard-card completed_activity">
|
|
<div class="activity-dashboard-card__icon-container bg-mauve-light d-flex">
|
|
<i class="fa fa-clock-o text-mauve" style="padding-right: 80px; color: #3c3939;font-size: 30px;
|
|
padding-left: 0px;padding-bottom: 5px;padding-top: 13px;"/>
|
|
</div>
|
|
|
|
<div style="font-size: 30px;color: #3c3939;padding-left: 0px;padding-bottom: 17px;padding-top: 11px;">
|
|
<t t-esc="len_done"/>
|
|
</div>
|
|
<div class="dashboard-card__details"
|
|
style="padding-left: 26px;padding-bottom: 03px;padding-top: 11px;">
|
|
<h3>
|
|
<span>
|
|
<div id="leads_this_year"/>
|
|
<div id="leads_this_quarter"/>
|
|
<div id="leads_this_month"/>
|
|
<div id="leads_this_week"/>
|
|
</span>
|
|
</h3>
|
|
<p>
|
|
<h4>Completed Activities</h4>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-3">
|
|
<div class="activity-dashboard-card today_activity">
|
|
<div class="activity-dashboard-card__icon-container bg-mauve-light d-flex">
|
|
<i class="fa fa-clock-o text-mauve" style="padding-right: 80px; color: #3c3939;font-size: 30px;
|
|
padding-left: 0px;padding-bottom: 5px;padding-top: 13px;"/>
|
|
</div>
|
|
<div style="font-size: 30px;color: #3c3939;padding-left: 0px;padding-bottom: 17px;padding-top: 11px;">
|
|
<t t-esc="len_today"/>
|
|
</div>
|
|
<div class="dashboard-card__details"
|
|
style="padding-left: 26px;padding-bottom: 03px;padding-top: 11px;">
|
|
<h3>
|
|
<span>
|
|
<div id="leads_this_year"/>
|
|
<div id="leads_this_quarter"/>
|
|
<div id="leads_this_month"/>
|
|
<div id="leads_this_week"/>
|
|
</span>
|
|
</h3>
|
|
<p>
|
|
<h4>Today's Activities</h4>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-3">
|
|
<div class="activity-dashboard-card overdue_activity">
|
|
<div class="activity-dashboard-card__icon-container bg-mauve-light d-flex">
|
|
<i class="fa fa-clock-o text-mauve" style="padding-right: 80px; color: #3c3939;font-size: 30px;
|
|
padding-left: 0px;padding-bottom: 5px;padding-top: 13px;"/>
|
|
</div>
|
|
<div style="font-size: 30px;color: #3c3939;padding-left: 0px;padding-bottom: 17px;padding-top: 11px;">
|
|
<t t-esc="len_overdue"/>
|
|
</div>
|
|
<div class="dashboard-card__details"
|
|
style="padding-left: 26px;padding-bottom: 03px;padding-top: 11px;">
|
|
<h3>
|
|
<span>
|
|
<div id="leads_this_year"/>
|
|
<div id="leads_this_quarter"/>
|
|
<div id="leads_this_month"/>
|
|
<div id="leads_this_week"/>
|
|
</span>
|
|
</h3>
|
|
<p>
|
|
<h4>Overdue Activities</h4>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-3">
|
|
<div class="activity-dashboard-card cancelled_activity">
|
|
<div class="activity-dashboard-card__icon-container bg-mauve-light d-flex">
|
|
<i class="fa fa-clock-o text-mauve" style="padding-right: 80px; color: #3c3939;font-size: 30px;
|
|
padding-left: 0px;padding-bottom: 5px;padding-top: 13px;"/>
|
|
</div>
|
|
<div style="font-size: 30px;color: #3c3939;padding-left: 0px;padding-bottom: 17px;padding-top: 11px;">
|
|
<t t-esc="len_cancel"/>
|
|
</div>
|
|
<div class="dashboard-card__details"
|
|
style="padding-left: 26px;padding-bottom: 03px;padding-top: 11px;">
|
|
<h3>
|
|
<span>
|
|
<div id="leads_this_year"/>
|
|
<div id="leads_this_quarter"/>
|
|
<div id="leads_this_month"/>
|
|
<div id="leads_this_week"/>
|
|
</span>
|
|
</h3>
|
|
<p>
|
|
<h4>Cancelled Activities</h4>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-3">
|
|
<div class="activity-dashboard-card activity_type">
|
|
<div class="activity-dashboard-card__icon-container bg-mauve-light d-flex justify-content-center align-items-center">
|
|
<i class="fa fa-clock-o text-mauve"
|
|
style="color: black; font-size: 30px;"/>
|
|
</div>
|
|
<div class="dashboard-card__details">
|
|
<p>
|
|
<h4>Activity Type</h4>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</t>
|
|
<t t-name="ActivityTable">
|
|
<div class="table_planned_activity">
|
|
<table cellspacing="10" width="100%"
|
|
style="padding: 24px; background-color: white; color: #454748; border-collapse:separate;">
|
|
<thead>
|
|
<tr>
|
|
<th>Planned Activities</th>
|
|
</tr>
|
|
|
|
<t t-if="planned_activity == ''">
|
|
<td>No Data Available</td>
|
|
</t>
|
|
</thead>
|
|
<t t-if="planned_activity != ''">
|
|
<thead class="table table-bordered mt32">
|
|
<tr class="table_head">
|
|
<th class="table_head_">Name</th>
|
|
<th class="table_head_">Activity Type</th>
|
|
<th class="table_head_">Assigned to</th>
|
|
<th class="table_head_">Dead Line Date</th>
|
|
<th class="table_head_">View</th>
|
|
<th class="table_head_">Origin</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr t-foreach="planned_activity" t-as="line">
|
|
<td>
|
|
<t t-esc="line['display_name']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['activity_type_id']['1']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['user_id']['1']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['date_deadline']"/>
|
|
</td>
|
|
<td class="click-view">
|
|
<button t-att-value="line['id']"
|
|
style="border-radius: 8px; background-color: #c4c4f2;width: 100px;height: 35px;">
|
|
View
|
|
</button>
|
|
</td>
|
|
<td class="click-origin-view">
|
|
<button t-att-value="line['id']"
|
|
style="border-radius: 8px; background-color: #c4c4f2;width: 100px;height: 35px;">
|
|
Origin
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</t>
|
|
</table>
|
|
</div>
|
|
<div class="table_today_activity">
|
|
<table cellspacing="10" width="100%"
|
|
style="padding: 24px; background-color: white; color: #454748; border-collapse:separate;">
|
|
<thead>
|
|
<tr>
|
|
<th>Today's Activities</th>
|
|
</tr>
|
|
<t t-if="today_activity == ''">
|
|
<td>No Data Available</td>
|
|
</t>
|
|
</thead>
|
|
|
|
<t t-if="today_activity != ''">
|
|
<thead class="table table-bordered mt32">
|
|
<tr class="table_head">
|
|
<th class="table_head_">Name</th>
|
|
<th class="table_head_">Activity Type</th>
|
|
<th class="table_head_">Assigned to</th>
|
|
<th class="table_head_">Dead Line Date</th>
|
|
<th class="table_head_">View</th>
|
|
<th class="table_head_">Origin</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr t-foreach="today_activity" t-as="line">
|
|
<td>
|
|
<t t-esc="line['display_name']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['activity_type_id']['1']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['user_id']['1']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['date_deadline']"/>
|
|
</td>
|
|
<td class="click-view">
|
|
<button t-att-value="line['id']"
|
|
style="border-radius: 8px; background-color: #c4c4f2;width: 100px;height: 35px;">
|
|
View
|
|
</button>
|
|
</td>
|
|
<td class="click-origin-view">
|
|
<button t-att-value="line['id']"
|
|
style="border-radius: 8px; background-color: #c4c4f2;width: 100px;height: 35px;">
|
|
Origin
|
|
</button>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</t>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="table_main_view">
|
|
<table cellspacing="10" width="100%"
|
|
style="padding: 24px; background-color: white; color: #454748; border-collapse:separate;">
|
|
<thead>
|
|
<tr>
|
|
<th>Completed Activities</th>
|
|
</tr>
|
|
<t t-if="done_activity == ''">
|
|
<td>No Data Available</td>
|
|
</t>
|
|
</thead>
|
|
|
|
<t t-if="done_activity != ''">
|
|
<thead class="table table-bordered mt32">
|
|
<tr class="table_head">
|
|
<th class="table_head_">Name</th>
|
|
<th class="table_head_">Activity Type</th>
|
|
<th class="table_head_">Assigned to</th>
|
|
<th class="table_head_">Dead Line Date</th>
|
|
<th class="table_head_">View</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr t-foreach="done_activity" t-as="line">
|
|
<td>
|
|
<t t-esc="line['display_name']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['activity_type_id']['1']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['user_id']['1']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['date_deadline']"/>
|
|
</td>
|
|
<td class="click-view">
|
|
<button t-att-value="line['id']"
|
|
style="border-radius: 8px; background-color: #c4c4f2;width: 100px;height: 35px;">
|
|
View
|
|
</button>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</t>
|
|
</table>
|
|
</div>
|
|
<div class="table_main_view">
|
|
<table cellspacing="10" width="100%"
|
|
style="padding: 24px; background-color: white; color: #454748; border-collapse:separate;">
|
|
<thead>
|
|
<tr>
|
|
<th>Overdue Activities</th>
|
|
</tr>
|
|
<t t-if="overdue_activity == ''">
|
|
<td>No Data Available</td>
|
|
</t>
|
|
</thead>
|
|
<t t-if="overdue_activity != ''">
|
|
<thead class="table table-bordered mt32">
|
|
<tr class="table_head">
|
|
<th class="table_head_">Name</th>
|
|
<th class="table_head_">Activity Type</th>
|
|
<th class="table_head_">Assigned to</th>
|
|
<th class="table_head_">Dead Line Date</th>
|
|
<th class="table_head_">View</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr t-foreach="overdue_activity" t-as="line">
|
|
<td>
|
|
<t t-esc="line['display_name']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['activity_type_id']['1']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['user_id']['1']"/>
|
|
</td>
|
|
<td>
|
|
<t t-esc="line['date_deadline']"/>
|
|
</td>
|
|
<td class="click-view">
|
|
<button t-att-value="line['id']"
|
|
style="border-radius: 8px; background-color: #c4c4f2;width: 100px;height: 35px;">
|
|
View
|
|
</button>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</t>
|
|
</table>
|
|
</div>
|
|
</t>
|
|
</templates>
|
|
|