+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Website Project Kanban View +
++ Project & Task Kanban View In Website
+ +
+
+
+
+ 
+
+
+ + Explore This Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
\ No newline at end of file
diff --git a/project_website_kanban_view/static/src/css/style.css b/project_website_kanban_view/static/src/css/style.css
new file mode 100644
index 000000000..26e528bab
--- /dev/null
+++ b/project_website_kanban_view/static/src/css/style.css
@@ -0,0 +1,173 @@
+body { background-color: #ececec; }
+
+.header-menu-section{ background-color:#fff; padding: 12px 10px; }
+
+.left-menu a img{ width:12%; }
+
+.left-menu span { color:#767977; }
+
+.left-menu a { color:#767977; text-decoration: none; font-size: 14px; }
+
+.right-menu span {color:#767977; float: left; font-size: 14px;
+ line-height: 27px; }
+
+.right-menu .dropdown button { height: 26px;
+ padding-top: 0px;
+ font-size: 14px;
+ margin-left: 10px; background-color:#974f79; }
+
+ .thumbnail-view-icon{
+ width:24px; height: 24px; float: right;
+ }
+
+ .list-view-icon{
+ width:24px; height: 24px; float: right;
+ }
+
+ .project-container{
+ background-color: #fff;
+ border: 1px solid #333;
+ color:#45a2a1;
+ height: 135px;
+ overflow: auto;
+ }
+
+ .project-container h6{ font-weight: 600; }
+ .project-container .tasks a{
+ color:#45a2a1;
+ text-decoration: none;
+ }
+
+ .project-container .tasks{
+ font-size: 14px;
+ margin-top: 40px;
+ }
+
+ .project-container .tasks a{
+ font-weight: 600;
+ }
+
+ .search-container button{
+ background-color: #8c4e77;
+ height: 30px;
+ width: 38px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .search-container button img {
+ width:20px;
+ }
+
+ .search-container input{ height: 30px; }
+
+ .input-group-append-btn button{
+ -webkit-border-top-left-radius: 8px;
+ -webkit-border-bottom-left-radius: 8px;
+ -moz-border-radius-topleft: 8px;
+ -moz-border-radius-bottomleft: 8px;
+ border-top-left-radius: 8px;
+ border-bottom-left-radius: 8px;
+ }
+
+ .container-section-tasks {
+ width: 260px;
+ float: left;
+ }
+
+ .progress-number{
+ color:#000;
+ float: right;
+ margin-top: -5px;
+ }
+
+ .progres-bar{
+ background-color: #dedfe8;
+ height: 12px;
+ width:202px;
+ float: left;
+ position: relative;
+ }
+ .container-section-tasks h5 { font-weight: 600; font-size: 17px; }
+
+ .progres-bar-green {
+ width: 28px;
+ height: 12px;
+ background-color:#00b44e;
+ float: left;
+ }
+
+ .progres-bar-red {
+ width:63px;
+ height: 12px;
+ background-color:#f60034;
+ float: left;
+ }
+
+ .task-box {
+ background-color: #fff;
+ }
+
+ .task-box h6{
+ font-size: 14px;
+ margin-bottom: 0px;
+ color: #767977;
+ }
+
+ .task-box span {
+ font-size: 12px;
+ font-style: italic;
+ }
+
+ .clock img { width: 6%; }
+ .input-button {
+ width:10px;
+ height:10px;
+ border-radius: 50%;
+ background-color: #00b44e;
+ }
+
+ .input-button-red {
+ width:10px;
+ height:10px;
+ border-radius: 50%;
+ background-color:red;
+ }
+
+ .input-button-gray {
+ width:10px;
+ height:10px;
+ border-radius: 50%;
+ background-color:#dedfe8;
+ }
+
+ .profile-pic-container{
+ justify-content: space-between;
+ }
+
+ .task-box{
+ border: 1px solid #ccc;
+ word-wrap: break-word;
+ }
+
+ .task-box .w-75{ padding-right: 11px;}
+
+ .date-task-box {
+ font-style: normal !important;
+ color:#f60034 !important ;
+ font-weight: bold;
+ }
+
+ .container-tasks {
+ overflow-x: scroll;
+ width:100%;
+ display:-webkit-box;
+ padding-bottom: 10px;
+ display: flex;
+ gap: 15px;
+ }
+
+ .img-task {
+ margin-top: 22px;
+ }
diff --git a/project_website_kanban_view/static/src/images/clock.png b/project_website_kanban_view/static/src/images/clock.png
new file mode 100644
index 000000000..e7ce4fe28
Binary files /dev/null and b/project_website_kanban_view/static/src/images/clock.png differ
diff --git a/project_website_kanban_view/static/src/images/img-list-view.png b/project_website_kanban_view/static/src/images/img-list-view.png
new file mode 100644
index 000000000..20e518490
Binary files /dev/null and b/project_website_kanban_view/static/src/images/img-list-view.png differ
diff --git a/project_website_kanban_view/static/src/images/img-thumbnail-view.png b/project_website_kanban_view/static/src/images/img-thumbnail-view.png
new file mode 100644
index 000000000..bea994407
Binary files /dev/null and b/project_website_kanban_view/static/src/images/img-thumbnail-view.png differ
diff --git a/project_website_kanban_view/views/kanban_view_project_templates.xml b/project_website_kanban_view/views/kanban_view_project_templates.xml
new file mode 100644
index 000000000..efbc3fe4e
--- /dev/null
+++ b/project_website_kanban_view/views/kanban_view_project_templates.xml
@@ -0,0 +1,74 @@
+
+
+ This module introduces a Kanban view feature for projects and their
+ associated tasks on the website. This feature displays the progress of
+ each task based on its stage and due date.
+
+
+
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+ 
+ Project Kanban view on website
+
+
+ Project Kanban view on website
+
+
+ Project Task Kanban view on website
+
+
+ Project Task Kanban view on website
+
+
+ Monitor progress of task based on their stage direct from website
+
+
+ Monitor progress of task based on their stage direct from website
+
+
+
+
+
+
+
+
+ Enjoy real-time updates and status tracking for projects and tasks as they move through different stages .
+
+
+
+ Enjoy real-time updates and status tracking for projects and tasks as they move through different stages .
+
+
+
+ Keep track of task deadlines and due dates, ensuring timely completion of project tasks.
+
+
+ Keep track of task deadlines and due dates, ensuring timely completion of project tasks.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+ 
+
+
+ + Click "Projects" To See Project Kanban View.
++ Under Website > My Account.
+
+
+ 
+
+
+ + Click "Tasks" To See Project Tasks Kanban View +
++ Under Website > My Account.
+
+
+ 
+
+
+ + Sortby Filter in Project Task. + +
+
+
+ 
+
+
+ + FilterBy Filter in Project Task. + +
+
+
+ 
+
+ + Groupby Filter in Project Task. + +
+
+
+ 
+
+ + Searchby Filter in Project Task. + +
+
+
+ 
+
+ + Adjust the number of tasks displayed per page. +
+
+
+ 
+
+
+
+ + In the Task Kanban view, you can view this setting in + action. +
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + Our Services +
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ + Our + Industries +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ + Support +
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No
+ Milestone
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ None
+
+
+
+
+
+
+
+
+
+
+
+
+ No
+ Milestone
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ None
+
+
+
+
+
+ 
+
+
+
+
+
+ ![User]()
+
+
+
+ Tasks
+
+
+
+
+
+
+
+
+
+