[IMP] web, project: improve examples background on kanban quick create column

This commit makes the use of the kanban more intuitive by changing the view's
example background columns labels.

kanbanExamplesRegistry will have object as a value instead of array,
ghostColumns and examples will be the key where ghostColumns defines column
titles for example background on column quick create and examples will be array
of examples which will be displayed on click of See Examples link in quick
create column
If ghoseColumns are not defined then dynamically ghost columns will be generated
with titles like Column 1, Column2...

task- 1937198

closes odoo/odoo#30911

Signed-off-by: Jérome Maes (jem) <jem@openerp.com>


Co-authored-by: Mohammed Shekha <msh@odoo.com>

1 files changed, 58 insertions, 55 deletions

diff --git a/addons/project/static/src/js/project_task_kanban_examples.js b/addons/project/static/src/js/project_task_kanban_examples.js
index fb65b30445d..390be680d84 100644
--- a/addons/project/static/src/js/project_task_kanban_examples.js
+++ b/addons/project/static/src/js/project_task_kanban_examples.js
@@ -24,60 +24,63 @@ function escFormat() {
     return _.str.sprintf.apply(_.str, arguments);
 }
 
-kanbanExamplesRegistry.add('project', [{
-    name: _t('Software Development'),
-    columns: [_t('Backlog'), _t('Specifications'), _t('Development'), _t('Tests'), _t('Delivered')],
-    description: escFormat(_t('Prioritize Tasks by using the %s icon.'+
-        '%s Use the %s button to signalize to your colleagues that a task is ready for the next stage.'+
-        '%s Use the %s to signalize a problem or a need for discussion on a task.'), star, '<br/>', greenBullet, '<br/>', redBullet),
-    bullets: [greenBullet, redBullet, star],
-}, {
-    name: _t('Agile'),
-    columns: [_t('Backlog'), _t('Analysis'), _t('Development'), _t('Testing'), _t('Done')],
-    description: escFormat(_t('Waiting for the next stage: use %s and %s bullets.'), greenBullet, redBullet),
-    bullets: [greenBullet, redBullet],
-}, {
-    name: _t('Digital Marketing'),
-    columns: [_t('Ideas'), _t('Researching'), _t('Writing'), _t('Editing'), _t('Done')],
-    description: escFormat(_t('Everyone can propose ideas, and the Editor marks the best ones ' +
-        'as %s. Attach all documents or links to the task directly, to have all information about ' +
-        'a research centralized.'), greenBullet),
-    bullets: [greenBullet, redBullet],
-}, {
-    name: _t('Customer Feedback'),
-    columns: [_t('New'), _t('In development'), _t('Done'), _t('Refused')],
-    description: escFormat(_t('Customers propose feedbacks by email; Odoo creates tasks ' +
-        'automatically, and you can communicate on the task directly. Your managers decide which ' +
-        'feedback is accepted %s and which feedback is moved to the "Refused" column.'), greenBullet),
-    bullets: [greenBullet, redBullet],
-}, {
-    name: _t('Getting Things Done (GTD)'),
-    columns: [_t('Inbox'), _t('Today'), _t('This Week'), _t('This Month'), _t('Long Term')],
-    description: _t('Fill your Inbox easily with the email gateway. Periodically review your ' +
-        'Inbox and schedule tasks by moving them to others columns. Every day, you review the ' +
-        '"This Week" column to move important tasks "Today". Every Monday, you review the "This ' +
-        'Month" column.'),
-}, {
-    name: _t('Consulting'),
-    columns: [_t('New Projects'), _t('Resources Allocation'), _t('In Progress'), _t('Done')],
-    description: escFormat(_t('Manage the lifecycle of your project using the kanban view. Add newly acquired project, assign them and use the %s and %s to define if the project is ready for the next step.'), greenBullet, redBullet),
-    bullets: [greenBullet, redBullet],
-}, {
-    name: _t('Research Project'),
-    columns: [_t('Brainstorm'), _t('Research'), _t('Draft'), _t('Final Document')],
-    description: escFormat(_t('Handle your idea gahtering within Tasks of your new Project and discuss them in the chatter of the tasks. Use the %s and %s to signalize what is the current status of your Idea'), greenBullet, redBullet),
-    bullets: [greenBullet, redBullet],
-}, {
-    name: _t('Website Redesign'),
-    columns: [_t('Page Ideas'), _t('Copywriting'), _t('Design'), _t('Live')],
-    description: escFormat(_t('Handle your idea gahtering within Tasks of your new Project and discuss them in the chatter of the tasks. Use the %s and %s to signalize what is the current status of your Idea'), greenBullet, redBullet),
-}, {
-    name: _t('T-shirt Printing'),
-    columns: [_t('New Orders'), _t('Logo Design'), _t('To Print'), _t('Done')],
-    description: escFormat(_t('Communicate with customers on the task using the email gateway. ' +
-        'Attach logo designs to the task, so that information flow from designers to the workers ' +
-        'who print the t-shirt. Organize priorities amongst orders %s using the icon.'), star),
-    bullets: [star],
-}]);
+kanbanExamplesRegistry.add('project', {
+    ghostColumns: [_t('New'), _t('Assigned'), _t('In Progress'), _t('Done')],
+    examples:[{
+        name: _t('Software Development'),
+        columns: [_t('Backlog'), _t('Specifications'), _t('Development'), _t('Tests'), _t('Delivered')],
+        description: escFormat(_t('Prioritize Tasks by using the %s icon.'+
+            '%s Use the %s button to signalize to your colleagues that a task is ready for the next stage.'+
+            '%s Use the %s to signalize a problem or a need for discussion on a task.'), star, '<br/>', greenBullet, '<br/>', redBullet),
+        bullets: [greenBullet, redBullet, star],
+    }, {
+        name: _t('Agile'),
+        columns: [_t('Backlog'), _t('Analysis'), _t('Development'), _t('Testing'), _t('Done')],
+        description: escFormat(_t('Waiting for the next stage: use %s and %s bullets.'), greenBullet, redBullet),
+        bullets: [greenBullet, redBullet],
+    }, {
+        name: _t('Digital Marketing'),
+        columns: [_t('Ideas'), _t('Researching'), _t('Writing'), _t('Editing'), _t('Done')],
+        description: escFormat(_t('Everyone can propose ideas, and the Editor marks the best ones ' +
+            'as %s. Attach all documents or links to the task directly, to have all information about ' +
+            'a research centralized.'), greenBullet),
+        bullets: [greenBullet, redBullet],
+    }, {
+        name: _t('Customer Feedback'),
+        columns: [_t('New'), _t('In development'), _t('Done'), _t('Refused')],
+        description: escFormat(_t('Customers propose feedbacks by email; Odoo creates tasks ' +
+            'automatically, and you can communicate on the task directly. Your managers decide which ' +
+            'feedback is accepted %s and which feedback is moved to the "Refused" column.'), greenBullet),
+        bullets: [greenBullet, redBullet],
+    }, {
+        name: _t('Getting Things Done (GTD)'),
+        columns: [_t('Inbox'), _t('Today'), _t('This Week'), _t('This Month'), _t('Long Term')],
+        description: _t('Fill your Inbox easily with the email gateway. Periodically review your ' +
+            'Inbox and schedule tasks by moving them to others columns. Every day, you review the ' +
+            '"This Week" column to move important tasks "Today". Every Monday, you review the "This ' +
+            'Month" column.'),
+    }, {
+        name: _t('Consulting'),
+        columns: [_t('New Projects'), _t('Resources Allocation'), _t('In Progress'), _t('Done')],
+        description: escFormat(_t('Manage the lifecycle of your project using the kanban view. Add newly acquired project, assign them and use the %s and %s to define if the project is ready for the next step.'), greenBullet, redBullet),
+        bullets: [greenBullet, redBullet],
+    }, {
+        name: _t('Research Project'),
+        columns: [_t('Brainstorm'), _t('Research'), _t('Draft'), _t('Final Document')],
+        description: escFormat(_t('Handle your idea gahtering within Tasks of your new Project and discuss them in the chatter of the tasks. Use the %s and %s to signalize what is the current status of your Idea'), greenBullet, redBullet),
+        bullets: [greenBullet, redBullet],
+    }, {
+        name: _t('Website Redesign'),
+        columns: [_t('Page Ideas'), _t('Copywriting'), _t('Design'), _t('Live')],
+        description: escFormat(_t('Handle your idea gahtering within Tasks of your new Project and discuss them in the chatter of the tasks. Use the %s and %s to signalize what is the current status of your Idea'), greenBullet, redBullet),
+    }, {
+        name: _t('T-shirt Printing'),
+        columns: [_t('New Orders'), _t('Logo Design'), _t('To Print'), _t('Done')],
+        description: escFormat(_t('Communicate with customers on the task using the email gateway. ' +
+            'Attach logo designs to the task, so that information flow from designers to the workers ' +
+            'who print the t-shirt. Organize priorities amongst orders %s using the icon.'), star),
+        bullets: [star],
+    }],
+});
 
 });