diff options
| author | Parth Patel <pat@odoo.com> | 2018-01-25 14:37:41 +0100 |
|---|---|---|
| committer | Aaron Bohy <aab@odoo.com> | 2018-01-26 19:26:03 +0100 |
| commit | b96a4f629646d40ad4a2dceb1e6677ab43342545 (patch) | |
| tree | 399e13fc90050d83f2a16314816b4269cc6f801d /addons/web/static/src/xml | |
| parent | 36a9cb20593db6831f8342f5c19df2b83c6f2e26 (diff) | |
[IMP] web,project: Kanban onboarding
The goal of this rev. is to improve the user onboarding on the
Project app: when the user creates a new project, he is now guided
to properly configure the stages of its project.
To do so, we added a new mechanism in the Kanban view, allowing to
define examples of processes that can be used in the corresponding
view.
The style of the ColumnQuickCreate widget has also been changed.
Part of task #38740
Diffstat (limited to 'addons/web/static/src/xml')
| -rw-r--r-- | addons/web/static/src/xml/kanban.xml | 66 |
1 files changed, 57 insertions, 9 deletions
diff --git a/addons/web/static/src/xml/kanban.xml b/addons/web/static/src/xml/kanban.xml index 97ac827df2a..d06a39081e5 100644 --- a/addons/web/static/src/xml/kanban.xml +++ b/addons/web/static/src/xml/kanban.xml @@ -39,17 +39,25 @@ <t t-name="KanbanView.ColumnQuickCreate"> <div class="o_column_quick_create"> - <div class="o_column_header"> + <div class="o_quick_create_folded"> <span class="o_kanban_add_column"><i class="fa fa-plus"/></span> - <span class="o_kanban_title">Add new Column</span> + <span class="o_kanban_title">Add a new Column</span> </div> - <div class="o_kanban_quick_create"> - <div class="input-group"> - <input type="text" class="form-control o_input" placeholder="Column title"/> - <span class="input-group-btn"> - <button class="btn btn-primary o_kanban_add" type="button">Add</button> - </span> + <div class="o_quick_create_unfolded"> + <div class="o_kanban_header"> + <div class="input-group"> + <input type="text" class="o_input" placeholder="Column title"/> + <span class="input-group-btn"> + <button class="btn btn-sm btn-primary o_kanban_add" type="button">Add</button> + </span> + </div> + <t t-if="widget.examples"> + <span class="btn-link o_kanban_examples">See Examples</span> + </t> </div> + <div class="o_kanban_muted_record"/> + <div class="o_kanban_muted_record"/> + <div class="o_kanban_muted_record"/> </div> </div> </t> @@ -97,8 +105,48 @@ </div> </t> -<!-- Mobile templates --> +<!-- Note: this dialog isn't responsive, but it is not accessible on mobile --> +<div t-name="KanbanView.ExamplesDialog" class="o_kanban_examples_dialog"> + <div class="o_kanban_examples_dialog_nav"> + <ul class="nav nav-pills nav-stacked"> + <t t-foreach="examples" t-as="example"> + <li t-att-class="example_index == 0 and 'active' or None"> + <a data-toggle="tab" t-attf-href="#example_#{example_index}"> <t t-esc="example.name"/> </a> + </li> + </t> + </ul> + </div> + <div class="o_kanban_examples_dialog_content"> + <div class="tab-content"> + <t t-foreach="examples" t-as="example"> + <div t-attf-id="example_#{example_index}" t-attf-class="tab-pane fade #{example_index == 0 and 'active in' or ''}"> + <div t-if="example.description" class="o_kanban_examples_description"> + <t t-raw="example.description"/> <!-- description is supposed to be properly escaped --> + </div> + <div class="o_kanban_examples"> + <t t-foreach="example.columns" t-as="column"> + <div class="o_kanban_examples_group"> + <h6><b><t t-esc="column"/></b></h6> + <t t-foreach="_.random(1,4)"> + <t t-call="KanbanView.ExamplesDialog.RecordGhost"/> + </t> + </div> + </t> + </div> + </div> + </t> + </div> + </div> +</div> +<t t-name="KanbanView.ExamplesDialog.RecordGhost"> + <div class="o_kanban_examples_ghost"> + <div class="o_ghost_content"/> + <div class="o_ghost_content o_ghost_tag"/> + <img class="pull-right o_ghost_avatar" src="/base/static/img/avatar.png"/> + </div> +</t> +<!-- Mobile templates --> <t t-name="KanbanView.MobileTabs"> <div class="o_kanban_mobile_tabs"> <t t-foreach="data" t-as="group"> |