diff options
| author | stephanchrst <stephanchrst@gmail.com> | 2022-05-10 21:51:50 +0700 |
|---|---|---|
| committer | stephanchrst <stephanchrst@gmail.com> | 2022-05-10 21:51:50 +0700 |
| commit | 3751379f1e9a4c215fb6eb898b4ccc67659b9ace (patch) | |
| tree | a44932296ef4a9b71d5f010906253d8c53727726 /addons/website_slides/views | |
| parent | 0a15094050bfde69a06d6eff798e9a8ddf2b8c21 (diff) | |
initial commit 2
Diffstat (limited to 'addons/website_slides/views')
17 files changed, 3717 insertions, 0 deletions
diff --git a/addons/website_slides/views/assets.xml b/addons/website_slides/views/assets.xml new file mode 100644 index 00000000..f614708b --- /dev/null +++ b/addons/website_slides/views/assets.xml @@ -0,0 +1,75 @@ +<?xml version="1.0" ?> +<odoo> + <data> + <template id="assets_backend" inherit_id="web.assets_backend" name="Slides Backend Assets"> + <xpath expr="." position="inside"> + <link rel="stylesheet" type="text/scss" href="/website_slides/static/src/scss/rating_rating_views.scss"/> + <link rel="stylesheet" type="text/scss" href="/website_slides/static/src/scss/slide_views.scss"/> + <script type="text/javascript" src="/website_slides/static/src/js/slide_category_one2many.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/rating_field_backend.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/activity.js"/> + </xpath> + </template> + + <template id="assets_frontend" inherit_id="website.assets_frontend" name="Slides Frontend Assets"> + <xpath expr="//link[last()]" position="after"> + <link rel="stylesheet" type="text/scss" href="/website_slides/static/src/scss/website_slides.scss" t-ignore="true"/> + <link rel="stylesheet" type="text/scss" href="/website_slides/static/src/scss/website_slides_profile.scss"/> + <link rel="stylesheet" type="text/scss" href="/website_slides/static/src/scss/slides_slide_fullscreen.scss" t-ignore="true"/> + </xpath> + <xpath expr="//script[last()]" position="after"> + <script type="text/javascript" src="/website_slides/static/src/js/slides.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_share.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_upload.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_category_add.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_slide_archive.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_slide_toggle_is_preview.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_slide_like.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_course_slides_list.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_course_fullscreen_player.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_course_join.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_course_enroll_email.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_course_quiz.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_course_quiz_question_form.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_course_quiz_finish.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_course_tag_add.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/slides_course_unsubscribe.js"/> + <script type="text/javascript" src="/website_slides/static/src/js/tours/slides_tour.js"/> + </xpath> + </template> + + <template id="assets_tests" inherit_id="web.assets_tests" name="Slides Tests Assets"> + <xpath expr="." position="inside"> + <script type="text/javascript" src="/website_slides/static/src/tests/tours/slides_tour_tools.js"/> + <script type="text/javascript" src="/website_slides/static/src/tests/tours/slides_course_member.js"/> + <script type="text/javascript" src="/website_slides/static/src/tests/tours/slides_course_member_yt.js"/> + <script type="text/javascript" src="/website_slides/static/src/tests/tours/slides_course_publisher.js"/> + <script type="text/javascript" src="/website_slides/static/src/tests/tours/slides_full_screen_web_editor.js"/> + </xpath> + </template> + + <template id="assets_editor_inherit_website_slides" inherit_id="website.assets_editor" name="website_slides Assets Editor"> + <xpath expr="." position="inside"> + <script type="text/javascript" src="/website_slides/static/src/js/website_slides.editor.js"/> + </xpath> + </template> + + <!-- Bundle (minimal) for embedded slide iframe --> + <template id="website_slides.slide_embed_assets" name="Website slides embed assets"> + <t t-call="web._assets_helpers"/> + <t t-call="web._assets_bootstrap"/> + <link rel="stylesheet" type="text/scss" href="/website_slides/static/src/scss/website_slides.scss" t-ignore="true"/> + + <t t-call="web.pdf_js_lib"></t> + <script type="text/javascript" src="/website_slides/static/lib/pdfslidesviewer/PDFSlidesViewer.js"></script> + <script type="text/javascript" src="/website_slides/static/src/js/slides_embed.js"></script> + </template> + + <template id="website_slides_tests" name="eLearning tests" inherit_id="web.qunit_suite_tests"> + <xpath expr="//script[last()]" position="after"> + <script type="text/javascript" src="/website_slides/static/src/components/activity/activity_tests.js"/> + </xpath> + </template> + + </data> +</odoo> diff --git a/addons/website_slides/views/rating_rating_views.xml b/addons/website_slides/views/rating_rating_views.xml new file mode 100644 index 00000000..0b003bea --- /dev/null +++ b/addons/website_slides/views/rating_rating_views.xml @@ -0,0 +1,147 @@ +<?xml version="1.0" encoding="utf-8"?> +<odoo> + <record id="rating_rating_view_kanban_slide_channel" model="ir.ui.view"> + <field name="name">rating.rating.view.kanban.slides</field> + <field name="model">rating.rating</field> + <field name="priority">20</field> + <field name="arch" type="xml"> + <kanban create="false" class="o_slide_rating_kanban"> + <field name="rating"/> + <field name="res_name"/> + <field name="feedback"/> + <field name="partner_id"/> + <templates> + <t t-name="kanban-box"> + <t t-set="val_stars" t-value="record.rating.raw_value"/> + <t t-set="val_integer" t-value="Math.floor(val_stars)"/> + <t t-set="val_decimal" t-value="val_stars - val_integer"/> + <t t-set="empty_star" t-value="5 - (val_integer + Math.ceil(val_decimal))"/> + <div class="oe_kanban_card oe_kanban_global_click"> + <div class="d-flex flex-row"> + <div class="o_slide_rating_kanban_left mr-3"> + <h1 class="o_slide_rating_value text-center text-primary" t-esc="val_stars"/> + <t t-foreach="_.range(0, val_integer)" t-as="num"> + <i class="fa fa-star" aria-label="A star" role="img"></i> + </t> + <t t-if="val_decimal"> + <i class="fa fa-star-half-o" aria-label="Half a star" role="img"></i> + </t> + <t t-foreach="_.range(0, empty_star)" t-as="num" role="img"> + <i class="fa fa-star text-black-25" aria-label="A star"></i> + </t> + </div> + <div> + <div class="o_kanban_card_header"> + <div class="o_kanban_card_header_title"> + <span class="font-weight-bold"><field name="partner_id"/></span> + </div> + </div> + <div class="o_kanban_card_content mt0 d-flex flex-column"> + <span> + <i class="fa fa-folder mr-2" aria-label="Open folder"></i> + <a type="object" name="action_open_rated_object" t-att-title="record.res_name.raw_value"> + <field name="res_name" /> + </a> + </span> + <span><i class="fa fa-clock-o mr-2" aria-label="Create date"/> <field name="create_date" /></span> + <div class="d-flex mt-2"> + <span t-esc="record.feedback.raw_value"/> + </div> + </div> + </div> + </div> + </div> + </t> + </templates> + </kanban> + </field> + </record> + + <record id="rating_rating_view_search_slide_channel" model="ir.ui.view"> + <field name="name">rating.rating.view.search.slides</field> + <field name="model">rating.rating</field> + <field name="priority">20</field> + <field name="inherit_id" ref="rating.rating_rating_view_search"/> + <field name="mode">primary</field> + <field name="arch" type="xml"> + <xpath expr="//filter[@name='resource']" position="after"> + <filter string="Course" name="groupby_course" context="{'group_by': 'res_name'}"/> + </xpath> + <xpath expr="/search" position="inside"> + <filter string="Creation Date" name="rating_last_30_days" date="create_date" default_period="last_30_days"/> + <separator/> + </xpath> + </field> + </record> + + <record id="rating_rating_view_graph_slide_channel" model="ir.ui.view"> + <field name="name">rating.rating.view.graph.slides</field> + <field name="model">rating.rating</field> + <field name="priority">20</field> + <field name="arch" type="xml"> + <graph string="Rating Average" type="bar" sample="1"> + <field name="res_name" type="row"/> + <field name="rating" type="measure"/> + </graph> + </field> + </record> + + <record id="rating_rating_view_pivot_slide_channel" model="ir.ui.view"> + <field name="name">rating.rating.view.pivot.slides</field> + <field name="model">rating.rating</field> + <field name="priority">20</field> + <field name="arch" type="xml"> + <pivot sample="1"> + <field name="res_name" type="row"/> + <field name="rating_text" type="col"/> + <field name="rating" type="measure"/> + </pivot> + </field> + </record> + + <record id="rating_rating_action_slide_channel" model="ir.actions.act_window"> + <field name="name">Rating</field> + <field name="res_model">rating.rating</field> + <field name="view_mode">kanban,tree,graph,pivot,form</field> + <field name="domain">[('consumed', '=', True), ('res_model', '=', 'slide.channel')]</field> + <field name="context">{}</field> + <field name="search_view_id" ref="rating_rating_view_search_slide_channel"/> + <field name="view_id" ref="rating_rating_view_kanban_slide_channel"/> + <field name="help" type="html"> + <p class="o_view_nocontent_empty_folder"> + There are no ratings for these courses at the moment + </p> + </field> + </record> + + <record id="rating_rating_action_slide_channel_report" model="ir.actions.act_window"> + <field name="name">Rating</field> + <field name="res_model">rating.rating</field> + <field name="domain">[('consumed', '=', True), ('res_model', '=', 'slide.channel')]</field> + <field name="context">{}</field> + <field name="search_view_id" ref="rating_rating_view_search_slide_channel"/> + <field name="help" type="html"> + <p class="o_view_nocontent_empty_folder"> + There are no ratings for these courses at the moment + </p> + </field> + </record> + <record id="rating_rating_action_slide_channel_report_view_graph" model="ir.actions.act_window.view"> + <field name="act_window_id" ref="rating_rating_action_slide_channel_report"/> + <field name="sequence">1</field> + <field name="view_mode">graph</field> + <field name="view_id" ref="rating_rating_view_graph_slide_channel"/> + </record> + <record id="rating_rating_action_slide_channel_report_view_pivot" model="ir.actions.act_window.view"> + <field name="act_window_id" ref="rating_rating_action_slide_channel_report"/> + <field name="sequence">2</field> + <field name="view_mode">pivot</field> + <field name="view_id" ref="rating_rating_view_pivot_slide_channel"/> + </record> + <record id="rating_rating_action_slide_channel_report_view_tree" model="ir.actions.act_window.view"> + <field name="act_window_id" ref="rating_rating_action_slide_channel_report"/> + <field name="sequence">3</field> + <field name="view_mode">tree</field> + <field name="view_id" eval="False"/> + </record> +</odoo> diff --git a/addons/website_slides/views/res_config_settings_views.xml b/addons/website_slides/views/res_config_settings_views.xml new file mode 100644 index 00000000..4f9c919d --- /dev/null +++ b/addons/website_slides/views/res_config_settings_views.xml @@ -0,0 +1,95 @@ +<?xml version="1.0" encoding="utf-8"?> +<odoo> + <record id="res_config_settings_view_form" model="ir.ui.view"> + <field name="name">res.config.settings.view.form.inherit.website.slides</field> + <field name="model">res.config.settings</field> + <field name="inherit_id" ref="website.res_config_settings_view_form"/> + <field name="arch" type="xml"> + <xpath expr="//div[@id='google_maps_setting']" position="after"> + <div class="col-12 col-lg-6 o_setting_box" id="slides_install_setting"> + <div class="o_setting_right_pane"> + <span class="o_form_label">Slides</span> + <span class="fa fa-lg fa-globe" title="Values set here are website-specific." groups="website.group_multi_website"/> + <div class="text-muted"> + Google Drive API Key + </div> + <div class="content-group"> + <div class="row mt16"> + <label for="website_slide_google_app_key" class="col-lg-3 o_light_label" string="API Key"/> + <field name="website_slide_google_app_key" class="oe_inline"/> + </div> + <div class="oe_link"> + <a href="https://console.developers.google.com/flows/enableapi?apiid=drive,youtube"><span class="fa fa-arrow-right"/> + Create a Google Project and Get a Key + </a> + </div> + </div> + </div> + </div> + </xpath> + <xpath expr="//div[hasclass('settings')]" position="inside"> + <div class="app_settings_block" data-string="eLearning" string="eLearning" data-key="website_slides"> + <h2>eLearning</h2> + <div class="row mt16 o_settings_container" id="elearning_selection_settings"> + <div class="col-12 col-lg-6 o_setting_box" id="elearning_install_forum"> + <div class="o_setting_left_pane"> + <field name="module_website_slides_forum"/> + </div> + <div class="o_setting_right_pane"> + <label for="module_website_slides_forum"/> + <div class="text-muted"> + Create a community and let the members help each others + </div> + </div> + </div> + <div class="col-12 col-lg-6"></div> + <div class="col-12 col-lg-6 o_setting_box" id="website_slides_install_mass_mailing_slides"> + <div class="o_setting_left_pane"> + <field name="module_mass_mailing_slides"/> + </div> + <div class="o_setting_right_pane"> + <label for="module_mass_mailing_slides"/> + <div class="text-muted"> + Contact all the members of a course via mass mailing + </div> + </div> + </div> + <div class="col-12 col-lg-6"></div> + <div class="col-12 col-lg-6 o_setting_box" id="elearning_install_certif"> + <div class="o_setting_left_pane"> + <field name="module_website_slides_survey"/> + </div> + <div class="o_setting_right_pane"> + <label for="module_website_slides_survey"/> + <div class="text-muted"> + Evaluate your students and certify them + </div> + </div> + </div> + <div class="col-12 col-lg-6"></div> + <div class="col-12 col-lg-6 o_setting_box" id="elearning_install_sell"> + <div class="o_setting_left_pane"> + <field name="module_website_sale_slides"/> + </div> + <div class="o_setting_right_pane"> + <label for="module_website_sale_slides"/> + <div class="text-muted"> + Generate revenues thanks to your courses + </div> + </div> + </div> + </div> + </div> + </xpath> + </field> + </record> + + <record id="website_slides_action_settings" model="ir.actions.act_window"> + <field name="name">Settings</field> + <field name="type">ir.actions.act_window</field> + <field name="res_model">res.config.settings</field> + <field name="view_mode">form</field> + <field name="target">inline</field> + <field name="context">{'module': 'website_slides', 'bin_size': False}</field> + </record> +</odoo> diff --git a/addons/website_slides/views/res_partner_views.xml b/addons/website_slides/views/res_partner_views.xml new file mode 100644 index 00000000..cbdac1cf --- /dev/null +++ b/addons/website_slides/views/res_partner_views.xml @@ -0,0 +1,31 @@ +<?xml version="1.0" encoding="utf-8"?> +<odoo><data> + + <record id="res_partner_view_form" model="ir.ui.view"> + <field name="name">res.partner.view.form.inherit.slides</field> + <field name="model">res.partner</field> + <field name="inherit_id" ref="base.view_partner_form"/> + <field name="groups_id" eval="[(4, ref('website_slides.group_website_slides_officer'))]"/> + <field name="arch" type="xml"> + <xpath expr="//div[@name='button_box']" position="inside"> + <button class="oe_stat_button" type="object" + icon="fa-graduation-cap" name="action_view_courses" + attrs="{'invisible': ['|', ('slide_channel_count', '=', 0), ('is_company', '=', True)]}"> + <div class="o_field_widget o_stat_info"> + <span class="o_stat_value"><field name="slide_channel_count"/></span> + <span class="o_stat_text">Courses</span> + </div> + </button> + <button class="oe_stat_button" type="object" + icon="fa-graduation-cap" name="action_view_courses" + attrs="{'invisible': ['|', ('slide_channel_company_count', '=', 0), ('is_company', '=', False)]}"> + <div class="o_field_widget o_stat_info"> + <span class="o_stat_value"><field name="slide_channel_company_count" /></span> + <span class="o_stat_text">Courses</span> + </div> + </button> + </xpath> + </field> + </record> + +</data></odoo> diff --git a/addons/website_slides/views/slide_channel_partner_views.xml b/addons/website_slides/views/slide_channel_partner_views.xml new file mode 100644 index 00000000..20227f7c --- /dev/null +++ b/addons/website_slides/views/slide_channel_partner_views.xml @@ -0,0 +1,44 @@ +<?xml version="1.0" encoding="utf-8"?> +<odoo> + <data> + <record id="slide_channel_partner_view_search" model="ir.ui.view"> + <field name="name">slide.channel.partner.search</field> + <field name="model">slide.channel.partner</field> + <field name="arch" type="xml"> + <search string="Channel Member"> + <field name="partner_id"/> + <field name="partner_email"/> + <field name="channel_id"/> + </search> + </field> + </record> + + <record id="slide_channel_partner_action" model="ir.actions.act_window"> + <field name="name">Attendees</field> + <field name="res_model">slide.channel.partner</field> + <field name="view_mode">tree</field> + <field name="search_view_id" ref="website_slides.slide_channel_partner_view_search"/> + </record> + + <record id="slide_channel_partner_view_tree" model="ir.ui.view"> + <field name="name">slide.channel.partner.tree</field> + <field name="model">slide.channel.partner</field> + <field name="arch" type="xml"> + <tree string="Attendees" editable="top"> + <field name="create_date"/> + <field name="partner_id" string="Contact"/> + <field name="partner_email"/> + <field name="channel_id" string="Channel" invisible="context.get('default_channel_id',False)" /> + <field name="completion" string="Progress" widget="progressbar" /> + <button name="unlink" title="Remove" icon="fa-times" type="object"/> + </tree> + </field> + </record> + + <record id="slide_channel_partner_action" model="ir.actions.act_window"> + <field name="name">Attendees</field> + <field name="res_model">slide.channel.partner</field> + <field name="view_mode">tree,form</field> + </record> + </data> +</odoo> diff --git a/addons/website_slides/views/slide_channel_tag_views.xml b/addons/website_slides/views/slide_channel_tag_views.xml new file mode 100644 index 00000000..b4c4e9ab --- /dev/null +++ b/addons/website_slides/views/slide_channel_tag_views.xml @@ -0,0 +1,109 @@ +<?xml version="1.0" encoding="utf-8"?> +<odoo><data> + <!-- SLIDE.CHANNEL.TAG --> + <record id="slide_channel_tag_view_search" model="ir.ui.view"> + <field name="name">slide.channel.tag.view.search</field> + <field name="model">slide.channel.tag</field> + <field name="arch" type="xml"> + <search string="Course Tags"> + <field name="name"/> + <field name="group_id"/> + </search> + </field> + </record> + + <record id="slide_channel_tag_view_form" model="ir.ui.view"> + <field name="name">slide.channel.tag.view.form</field> + <field name="model">slide.channel.tag</field> + <field name="arch" type="xml"> + <form string="Course Tag"> + <sheet> + <group> + <field name="name"/> + <field name="group_id"/> + </group> + </sheet> + </form> + </field> + </record> + + <record id="slide_channel_tag_view_tree" model="ir.ui.view"> + <field name="name">slide.channel.tag.view.tree</field> + <field name="model">slide.channel.tag</field> + <field name="arch" type="xml"> + <tree string="Course Tags" editable="top"> + <field name="sequence" widget="handle"/> + <field name="group_sequence" invisible="1"/> + <field name="name"/> + <field name="group_id"/> + </tree> + </field> + </record> + + <record id="slide_channel_tag_action" model="ir.actions.act_window"> + <field name="name">Course Tags</field> + <field name="res_model">slide.channel.tag</field> + <field name="view_mode">tree,form</field> + </record> + + <!-- SLIDE.CHANNEL.TAG.GROUP --> + <record id="slide_channel_tag_group_view_search" model="ir.ui.view"> + <field name="name">slide.channel.tag.group.view.search</field> + <field name="model">slide.channel.tag.group</field> + <field name="arch" type="xml"> + <search string="Course Tag Groups"> + <field name="name"/> + </search> + </field> + </record> + + <record id="slide_channel_tag_group_view_form" model="ir.ui.view"> + <field name="name">slide.channel.tag.group.view.form</field> + <field name="model">slide.channel.tag.group</field> + <field name="arch" type="xml"> + <form string="Course Tag Group"> + <sheet> + <group> + <div class="oe_title"> + <label for="name" class="oe_edit_only" string="Group Name"/> + <h1><field name="name" default_focus="1" placeholder="Group Name"/></h1> + <label for="is_published" string="Menu Entry"/> + <field name="is_published"/><br/> + <field name="tag_ids"> + <tree editable="bottom"> + <field name="sequence" widget="handle"/> + <field name="group_sequence" invisible="1"/> + <field name="name" string="Tag Name"/> + <field name="color" string="Color" widget="color_picker"/> + <control> + <create string="Add a tag"/> + </control> + </tree> + </field> + </div> + </group> + </sheet> + </form> + </field> + </record> + + <record id="slide_channel_tag_group_view_tree" model="ir.ui.view"> + <field name="name">slide.channel.tag.group.view.tree</field> + <field name="model">slide.channel.tag.group</field> + <field name="arch" type="xml"> + <tree string="Course Tag Groups"> + <field name="sequence" widget="handle"/> + <field name="name"/> + <field name="is_published" string="Menu Entry"/> + </tree> + </field> + </record> + + <record id="slide_channel_tag_group_action" model="ir.actions.act_window"> + <field name="name">Course Groups</field> + <field name="res_model">slide.channel.tag.group</field> + <field name="view_mode">tree,form</field> + </record> + + </data> +</odoo> diff --git a/addons/website_slides/views/slide_channel_views.xml b/addons/website_slides/views/slide_channel_views.xml new file mode 100644 index 00000000..f207e36a --- /dev/null +++ b/addons/website_slides/views/slide_channel_views.xml @@ -0,0 +1,317 @@ +<?xml version="1.0" encoding="utf-8"?> +<odoo> + <data> + <!-- SLIDE.CHANNEL VIEWS --> + <record model="ir.ui.view" id="view_slide_channel_form"> + <field name="name">slide.channel.view.form</field> + <field name="model">slide.channel</field> + <field name="arch" type="xml"> + <form string="Channels"> + <header> + <button name="action_channel_invite" string="Invite" type="object" class="oe_highlight" attrs="{'invisible': [('enroll', '!=', 'invite')]}"/> + </header> + <sheet> + <div class="oe_button_box" name="button_box"> + <button name="action_view_slides" + type="object" + icon="fa-files-o" + class="oe_stat_button" + groups="website_slides.group_website_slides_officer"> + <div class="o_field_widget o_stat_info"> + <span class="o_stat_value"><field name="total_views" nolabel="1"/> Visits</span> + <span class="o_stat_value"><field name="total_slides" nolabel="1"/> Contents</span> + </div> + </button> + <button name="action_redirect_to_done_members" + type="object" + icon="fa-trophy" + class="oe_stat_button" + groups="website_slides.group_website_slides_officer"> + <div class="o_field_widget o_stat_info"> + <span class="o_stat_value"><field name="members_done_count" nolabel="1"/></span> + <span name="members_done_count_label" class="o_stat_text">Finished</span> + </div> + </button> + <button name="action_redirect_to_members" + type="object" + icon="fa-users" + class="oe_stat_button" + groups="website_slides.group_website_slides_officer"> + <field name="members_count" string="Attendees" widget="statinfo"/> + </button> + <button name="action_view_ratings" + type="object" + icon="fa-star" + class="oe_stat_button" + groups="website_slides.group_website_slides_officer" + attrs="{'invisible': [('allow_comment', '=', False)]}"> + <div class="o_field_widget o_stat_info"> + <span class="o_stat_value"><field name="rating_avg_stars" nolabel="1"/>/5</span> + <span name="rating_count_label" class="o_stat_text"><field name="rating_count" nolabel="1"/> Reviews</span> + </div> + </button> + <field name="is_published" widget="website_redirect_button"/> + </div> + <widget name="web_ribbon" title="Archived" bg_color="bg-danger" attrs="{'invisible': [('active', '=', True)]}"/> + <field name="image_1920" widget="image" class="oe_avatar" options="{'preview_image': 'image_128'}"/> + <div class="oe_title"> + <label for="name" class="oe_edit_only" string="Course Title"/> + <h1><field name="name" default_focus="1" placeholder="Computer Science for kids"/></h1> + </div> + <div> + <field name="active" invisible="1"/> + <field name="tag_ids" widget="many2many_tags" options="{'color_field': 'color'}" placeholder="Tags"/> + </div> + <notebook colspan="4"> + <page name="content" string="Content"> + <field name="slide_ids" string="Content" colspan="4" nolabel="1" widget="slide_category_one2many" mode="tree,kanban" context="{'default_channel_id': active_id, 'form_view_ref' : 'website_slides.view_slide_slide_form_wo_channel_id'}"> + <tree decoration-bf="is_category" editable="bottom"> + <field name="sequence" widget="handle"/> + <field name="name"/> + <field name="slide_type" attrs="{'invisible': [('slide_type', '=', 'category')]}"/> + <field name="completion_time" attrs="{'invisible': [('slide_type', '=', 'category')]}" string="Duration" widget="float_time"/> + <field name="total_views" attrs="{'invisible': [('slide_type', '=', 'category')]}"/> + <field name="is_preview" string="Preview"/> + <field name="is_published" string="Published"/> + <field name="is_category" invisible="1"/> + <control> + <create name="add_slide_section" string="Add Section" context="{'default_is_category': True}"/> + <create name="add_slide_lesson" string="Add Content"/> + </control> + </tree> + </field> + </page> + <page name="description" string="Description"> + <group> + <field name="description" colspan="4" placeholder="Common tasks for a computer scientist is asking the right questions and answering questions. In this course, you'll study those topics with activities about mathematics, science and logic."/> + </group> + </page> + <page name="options" string="Options"> + <group> + <group name="course" string="Course"> + <field string="Type" name="channel_type" widget="radio"/> + <field name="user_id" domain="[('share', '=', False)]"/> + <field name="website_id" options="{'no_create': True}" groups="website.group_multi_website"/> + </group> + <group name="access_rights" string="Access Rights"> + <field name="enroll" widget="radio" options="{'horizontal': true}"/> + <field name="upload_group_ids" widget="many2many_tags" groups="base.group_no_one"/> + <field name="enroll_group_ids" widget="many2many_tags" groups="base.group_no_one"/> + </group> + </group> + <group> + <group name="communication" string="Communication"> + <field string="Allow Rating" name="allow_comment"/> + <field name="publish_template_id" domain="[('model','=','slide.slide')]" groups="base.group_no_one"/> + <field name="share_template_id" domain="[('model','=','slide.slide')]" groups="base.group_no_one"/> + </group> + <group name="display" string="Display"> + <field name="visibility" widget="radio"/> + <field name="promote_strategy" widget="radio" + attrs="{'invisible': [('channel_type', '=', 'training')]}"/> + <field name="promoted_slide_id" + attrs="{'invisible': ['|', ('channel_type', '=', 'training'), ('promote_strategy', '!=', 'specific')], + 'required': [('channel_type', '!=', 'training'), ('promote_strategy', '=', 'specific')]}" + domain="[('channel_id', '=', active_id), ('is_category', '=', False)]"/> + </group> + </group> + <div attrs="{'invisible': [('enroll', '!=', 'invite')]}"> + <label for="enroll_msg"/> + <field name="enroll_msg" colspan="4" nolabel="1"/> + </div> + </page> + <page string="Karma" name="karma_rules"> + <group> + <group string="Rewards"> + <field name="karma_gen_channel_rank" string="Review Course"/> + <field name="karma_gen_channel_finish" string="Finish Course"/> + </group> + <group string="Access Rights" attrs="{'invisible': [('allow_comment', '!=', True)]}"> + <field name="karma_review" attrs="{'invisible': [('allow_comment', '!=', True)]}"/> + <field name="karma_slide_comment" attrs="{'invisible': [('allow_comment', '!=', True)]}"/> + <field name="karma_slide_vote" attrs="{'invisible': [('allow_comment', '!=', True)]}"/> + </group> + </group> + </page> + </notebook> + </sheet> + <div class="oe_chatter"> + <field name="message_follower_ids"/> + <field name="activity_ids"/> + <field name="message_ids"/> + </div> + </form> + </field> + </record> + + + <record id="slide_channel_view_tree" model="ir.ui.view"> + <field name="name">slide.channel.view.tree</field> + <field name="model">slide.channel</field> + <field name="arch" type="xml"> + <tree string="Courses" sample="1"> + <field name="sequence" widget="handle"/> + <field name="name"/> + <field name="channel_type"/> + <field name="visibility"/> + <field name="enroll" widget="badge" decoration-success="enroll == 'public'" decoration-info="enroll == 'invite'" decoration-warning="enroll == 'payment'"/> + <field name="user_id" widget="many2one_avatar_user"/> + <field name="website_id" groups="website.group_multi_website"/> + <field name="active" invisible="1"/> + </tree> + </field> + </record> + + <record id="slide_channel_view_tree_report" model="ir.ui.view"> + <field name="name">slide.channel.view.tree.report</field> + <field name="model">slide.channel</field> + <field name="priority">20</field> + <field name="arch" type="xml"> + <tree string="Courses" create="false" default_order="total_views desc" sample="1"> + <field name="name"/> + <field name="total_views"/> + <field name="total_time" widget="float_time" /> + <field name="members_count"/> + <field name="total_votes"/> + <field name="rating_avg_stars"/> + </tree> + </field> + </record> + + <record id="slide_channel_view_search" model="ir.ui.view"> + <field name="name">slide.channel.view.search</field> + <field name="model">slide.channel</field> + <field name="arch" type="xml"> + <search string="Courses"> + <field name="name" string="Course"/> + <filter string="Archived" name="inactive" domain="[('active','=',False)]"/> + </search> + </field> + </record> + + <record id="slide_channel_view_graph" model="ir.ui.view"> + <field name="name">slide.channel.view.graph</field> + <field name="model">slide.channel</field> + <field name="arch" type="xml"> + <graph string="Courses" type="bar" sample="1"> + <field name="name"/> + <field name="total_views" type="measure"/> + </graph> + </field> + </record> + + <record id="slide_channel_view_kanban" model="ir.ui.view"> + <field name="name">slide.channel.view.kanban</field> + <field name="model">slide.channel</field> + <field name="arch" type="xml"> + <kanban string="eLearning Overview" class="o_emphasize_colors o_kanban_dashboard o_slide_kanban breadcrumb_item active" edit="false" sample="1"> + <field name="color"/> + <field name="website_published"/> + <templates> + <t t-name="kanban-box"> + <div t-attf-class="oe_kanban_color_#{kanban_getcolor(record.color.raw_value)} oe_kanban_card oe_kanban_global_click"> + <div class="o_dropdown_kanban dropdown"> + <a role="button" class="dropdown-toggle o-no-caret btn" data-toggle="dropdown" href="#" aria-label="Dropdown menu" title="Dropdown menu"> + <span class="fa fa-ellipsis-v" aria-hidden="false"/> + </a> + <div class="dropdown-menu" role="menu"> + <ul class="oe_kanban_colorpicker" data-field="color"/> + <t t-if="widget.deletable"> + <a class="dropdown-item" role="menuitem" type="delete">Delete</a> + </t> + <a class="dropdown-item" role="menuitem" type="edit"> + Edit + </a> + <a class="dropdown-item" name="action_view_slides" role="menuitem" type="object"> + Lessons + </a> + <a class="dropdown-item" name="action_channel_invite" role="menuitem" type="object"> + Invite + </a> + </div> + </div> + <div class="o_kanban_card_header"> + <div class="o_kanban_card_header_title mb16"> + <div class="o_primary"> + <a type="edit" class="mr-auto"> + <span><field name="name" class="o_primary"/></span> + </a> + </div> + <div t-if="record.tag_ids"> + <field name="tag_ids" widget="many2many_tags"/> + </div> + </div> + </div> + <div class="container o_kanban_card_content mt0"> + <div class="row mb16"> + <div class="col-6 o_kanban_primary_left"> + <button class="btn btn-primary" name="open_website_url" type="object">View course</button> + </div> + <div class="col-6 o_kanban_primary_right"> + <div class="d-flex" t-if="record.rating_count.raw_value"> + <a name="action_view_ratings" type="object" class="mr-auto"><field name="rating_count"/> reviews</a> + <span><field name="rating_avg_stars"/> / 5</span> + </div> + <div class="d-flex"> + <span class="mr-auto"><label for="total_views" class="mb0">Views</label></span> + <field name="total_views"/> + </div> + <div class="d-flex" name="info_total_time"> + <span class="mr-auto"><label for="total_time" class="mb0">Duration</label></span> + <field name="total_time" widget="float_time"/> + </div> + </div> + </div> + <div class="row mt3"> + <div class="col-4 border-right"> + <a name="action_view_slides" type="object" class="d-flex flex-column align-items-center"> + <span class="font-weight-bold"><field name="total_slides"/></span> + <span class="text-muted">Contents</span> + </a> + </div> + <div class="col-4 border-right"> + <a name="action_redirect_to_members" type="object" class="d-flex flex-column align-items-center"> + <span class="font-weight-bold"><field name="members_count"/></span> + <span class="text-muted">Attendees</span> + </a> + </div> + <div class="col-4"> + <a name="action_redirect_to_done_members" type="object" class="d-flex flex-column align-items-center"> + <span class="font-weight-bold"><field name="members_done_count"/></span> + <span name="done_members_count_label" class="text-muted">Finished</span> + </a> + </div> + </div> + </div> + </div> + </t> + </templates> + </kanban> + </field> + </record> + + <record id="slide_channel_action_overview" model="ir.actions.act_window"> + <field name="name">eLearning Overview</field> + <field name="res_model">slide.channel</field> + <field name="view_mode">kanban,tree,form</field> + <field name="view_id" ref="slide_channel_view_kanban"/> + <field name="help" type="html"> + <p class="o_view_nocontent_smiling_face"> + Create a course + </p> + </field> + </record> + + <record id="slide_channel_action_report" model="ir.actions.act_window"> + <field name="name">Courses</field> + <field name="res_model">slide.channel</field> + <field name="view_mode">tree,graph,form</field> + <field name="view_id" ref="slide_channel_view_tree_report"/> + <field name="help" type="html"> + <p class="o_view_nocontent_smiling_face"> + Create a course + </p> + </field> + </record> + </data> +</odoo> diff --git a/addons/website_slides/views/slide_question_views.xml b/addons/website_slides/views/slide_question_views.xml new file mode 100644 index 00000000..5d406425 --- /dev/null +++ b/addons/website_slides/views/slide_question_views.xml @@ -0,0 +1,81 @@ +<?xml version="1.0" encoding="utf-8"?> +<odoo> + <record id="slide_question_view_form" model="ir.ui.view"> + <field name="name">slide.question.view.form</field> + <field name="model">slide.question</field> + <field name="arch" type="xml"> + <form string="Quiz"> + <sheet> + <div class="oe_edit_only"> + <label for="question" string="Question Name"/> + </div> + <h1> + <field name="question" default_focus="1" placeholder="Name"/> + </h1> + <field name="answer_ids"> + <tree editable="bottom" create="true" delete="true"> + <field name="text_value"/> + <field name="is_correct"/> + <field name="comment"/> + </tree> + </field> + </sheet> + </form> + </field> + </record> + + <record id="slide_question_view_tree" model="ir.ui.view"> + <field name="name">slide.question.view.tree</field> + <field name="model">slide.question</field> + <field name="arch" type="xml"> + <tree string="Quizzes"> + <field name="sequence" widget="handle"/> + <field name="question"/> + <field name="slide_id"/> + </tree> + </field> + </record> + + <record id="slide_question_view_tree_report" model="ir.ui.view"> + <field name="name">slide.question.view.tree.report</field> + <field name="model">slide.question</field> + <field name="priority">20</field> + <field name="arch" type="xml"> + <tree string="Quizzes" create="0"> + <field name="sequence" widget="handle"/> + <field name="question"/> + <field name="slide_id"/> + <field name="attempts_count"/> + <field name="attempts_avg"/> + <field name="done_count"/> + </tree> + </field> + </record> + + <record id="slide_question_view_search" model="ir.ui.view"> + <field name="name">slide.question.view.search</field> + <field name="model">slide.question</field> + <field name="arch" type="xml"> + <search string="Quizzes"> + <field name="question"/> + <field name="slide_id"/> + </search> + </field> + </record> + + <record id="slide_question_action_report" model="ir.actions.act_window"> + <field name="name">Quizzes</field> + <field name="type">ir.actions.act_window</field> + <field name="res_model">slide.question</field> + <field name="view_mode">tree,form</field> + <field name="view_id" ref="slide_question_view_tree_report"/> + <field name="help" type="html"> + <p class="o_view_nocontent_smiling_face"> + There are no quizzes + </p> + <p> + Add quizzes at the end of your lessons to evaluate what your students understood. + </p> + </field> + </record> +</odoo> diff --git a/addons/website_slides/views/slide_slide_views.xml b/addons/website_slides/views/slide_slide_views.xml new file mode 100644 index 00000000..467872a7 --- /dev/null +++ b/addons/website_slides/views/slide_slide_views.xml @@ -0,0 +1,331 @@ +<?xml version="1.0" encoding="utf-8"?> +<odoo> + <data> + <!-- SLIDE.TAG --> + <record id="view_slide_tag_form" model="ir.ui.view"> + <field name="name">slide.tag.form</field> + <field name="model">slide.tag</field> + <field name="arch" type="xml"> + <form string="Tag"> + <sheet> + <group> + <field name="name"/> + </group> + </sheet> + </form> + </field> + </record> + + <record id="view_slide_tag_tree" model="ir.ui.view"> + <field name="name">slide.tag.tree</field> + <field name="model">slide.tag</field> + <field name="arch" type="xml"> + <tree string="Tags" editable="bottom"> + <field name="name"/> + </tree> + </field> + </record> + + <record id="action_slide_tag" model="ir.actions.act_window"> + <field name="name">Content Tags</field> + <field name="type">ir.actions.act_window</field> + <field name="res_model">slide.tag</field> + <field name="view_mode">tree,form</field> + </record> + + <!-- SLIDE.SLIDE --> + <record id="view_slide_slide_form" model="ir.ui.view"> + <field name="name">slide.slide.form</field> + <field name="model">slide.slide</field> + <field name="arch" type="xml"> + <form string="Lesson"> + <sheet> + <div class="oe_button_box" name="button_box"> + <field name="is_published" widget="website_redirect_button" + attrs="{'invisible': ['|',('is_category', '=', True), ('channel_id', '=', False)]}"/> + </div> + <widget name="web_ribbon" title="Archived" bg_color="bg-danger" attrs="{'invisible': [('active', '=', True)]}"/> + <field name="image_1920" widget="image" class="oe_avatar" options='{"preview_image": "image_256"}' + attrs="{'invisible': [('is_category', '=', True)]}"/> + <div class="oe_title"> + <div> + <label for="name" string="Content Title" class="oe_edit_only"/> + </div> + <h1> + <field name="name" default_focus="1" placeholder="e.g. How to grow your business with Odoo?"/> + <field name="is_category" invisible="1"/> + </h1> + <field name="tag_ids" attrs="{'invisible': [('is_category', '=', True)]}" widget="many2many_tags" placeholder="Tags..."/> + </div> + <notebook attrs="{'invisible': [('is_category', '=', True)]}"> + <page name="document" string="Document"> + <group> + <group name="lesson_details"> + <field name="active" invisible="1"/> + <field name="channel_id"/> + <field name="slide_type"/> + <field name="url" attrs="{ + 'required': [('slide_type', 'in', ('video'))], + 'invisible': [('slide_type', 'not in', ('video'))]}" /> + <field name="document_id" invisible="1"/> + <field name="mime_type" force_save="1" readonly="1" groups="base.group_no_one"/> + <field name="datas" string="Attachment" + attrs="{'invisible': [('slide_type', 'not in', ('document', 'presentation'))]}"/> + </group> + <group name="related_details"> + <field name="user_id"/> + <label for="completion_time"/> + <div> + <field name="completion_time" widget="float_time" class="oe_inline"/> + <span> hours</span> + </div> + <field name="is_preview"/> + <field name="slide_resource_downloadable" attrs="{'invisible': [('slide_type', 'not in', ['presentation', 'document'])]}"/> + <field name="date_published" string="Published Date" attrs="{'invisible': [('date_published', '=', False)]}" groups="base.group_no_one"/> + </group> + </group> + </page> + <page name="description" string="Description"> + <field name="description" placeholder="e.g. In this video, we'll give you the keys on how Odoo can help you to grow your business. At the end, we'll propose you a quiz to test your knowledge."/> + </page> + <page string="Additional Resources" name="external_links" > + <group string="External Links"> + <field name="link_ids" widget="one2many" nolabel="1"> + <tree editable="top"> + <field name="name"/> + <field name="link" widget="url" placeholder="e.g. https://www.odoo.com"/> + </tree> + </field> + </group> + <group string="Resources"> + <field name="slide_resource_ids" widget="one2many" nolabel="1"> + <tree editable="top"> + <field name="name"/> + <field name="data" string="Size" required="1"/> + </tree> + </field> + </group> + </page> + <page name="quiz" string="Quiz"> + <group name="quiz_details"> + <group name="quiz_rewards" string="Rewards"> + <group> + <field string="First attempt" name="quiz_first_attempt_reward"/> + <field string="Second attempt" name="quiz_second_attempt_reward"/> + <field string="Third attempt" name="quiz_third_attempt_reward"/> + <field string="Fourth and more attempt" name="quiz_fourth_attempt_reward"/> + </group> + </group> + <group name="questions" string="Questions"> + <field name="question_ids" nolabel="1"> + <tree> + <field name="sequence" widget="handle"/> + <field name="question"/> + </tree> + </field> + </group> + </group> + </page> + <page name="statistics" string="Statistics"> + <group> + <group name="view_statistics" string="Views"> + <field string="Member" name="slide_views"/> + <field string="Public" name="public_views" readonly="1"/> + <field string="Total" name="total_views"/> + <hr attrs="{'invisible': [('channel_allow_comment', '!=', True), ('channel_type', '=', 'training')]}"/> + <field name="channel_type" invisible="1" readonly="1"/> + <field name="channel_allow_comment" invisible="1" readonly="1"/> + <field name="likes" attrs="{'invisible': [('channel_type', '=', 'training')]}"/> + <field name="dislikes" attrs="{'invisible': [('channel_type', '=', 'training')]}"/> + <field name="comments_count" string="Comments" attrs="{'invisible': [('channel_allow_comment', '!=', True)]}"/> + </group> + </group> + </page> + </notebook> + </sheet> + <div class="oe_chatter"> + <field name="message_follower_ids"/> + <field name="message_ids"/> + </div> + </form> + </field> + </record> + + <record id="view_slide_slide_form_wo_channel_id" model="ir.ui.view"> + <field name="name">slide.slide.form.wo.channel_id</field> + <field name="model">slide.slide</field> + <field name="inherit_id" ref="view_slide_slide_form"/> + <field name="priority" eval="50"/> + <field name="mode">primary</field> + <field name="type">form</field> + <field name="arch" type="xml"> + <field name="channel_id" position="attributes"> + <attribute name="invisible">1</attribute> + <attribute name="required">0</attribute> + </field> + </field> + </record> + + <record id="slide_slide_view_kanban" model="ir.ui.view"> + <field name="name">slide.slide.view.kanban</field> + <field name="model">slide.slide</field> + <field name="arch" type="xml"> + <kanban edit="false" group_create="0" + records_draggable="0" + class="o_slide_kanban" + sample="1"> + <field name="id"/> + <field name="channel_id"/> + <field name="slide_type"/> + <field name="user_id"/> + <templates> + <t t-name="kanban-box"> + <div class="oe_kanban_global_click o_kanban_record_has_image_fill"> + <t t-set="placeholder" t-value="'/website_slides/static/src/img/channel-training-default.jpg'"/> + <div class="o_kanban_image_fill_left d-none d-md-block" + t-attf-style="background-image:url('#{kanban_image('slide.slide', 'image_128', record.id.raw_value, placeholder)}')"> + <img class="o_kanban_image_inner_pic" + t-att-alt="record.channel_id.value" + t-att-src="kanban_image('slide.channel', 'image_128', record.channel_id.raw_value)"/> + </div> + <div class="o_kanban_image rounded-circle d-md-none" + t-attf-style="background-image:url('#{kanban_image('slide.slide', 'image_128', record.id.raw_value, placeholder)}')"> + <img class="o_kanban_image_inner_pic" + t-att-alt="record.channel_id.value" + t-att-src="kanban_image('slide.channel', 'image_128', record.channel_id.raw_value)"/> + </div> + <div class="oe_kanban_details d-flex flex-column"> + <strong class="o_kanban_record_title oe_partner_heading"><field name="name"/></strong> + <div class="text-mutex"><field name="channel_id"/></div> + <div class="o_kanban_tags_section mb-2"> + <span class="oe_kanban_list_many2many"> + <field name="tag_ids" widget="many2many_tags"/> + </span> + </div> + <div class="o_kanban_record_bottom mt-auto d-flex justify-content-between align-items-end"> + <span> + <i class="fa fa-clock-o mr-2" aria-label="Duration" role="img" title="Duration"/><field name="completion_time" widget="float_time"/> + </span> + <span> + <i class="fa fa-question mr-2" aria-label="Number of Questions" role="img" title="Number of Questions"/><field name="questions_count"/> + </span> + <span> + <i class="fa fa-eye mr-2" aria-label="Views" role="img" title="Views"/><field name="total_views"/> + </span> + <span> + <t t-if="record.slide_type.raw_value == 'infographic'"> + <i class="fa fa-file-image-o mr-2" aria-label="Infographic" role="img" title="Infographic"/> + </t> + <t t-elif="record.slide_type.raw_value == 'webpage'"> + <i class="fa fa-file-code-o mr-2" aria-label="Webpage" role="img" title="Webpage"/> + </t> + <t t-elif="record.slide_type.raw_value == 'video'"> + <i class="fa fa-file-video-o mr-2" aria-label="Video" role="img" title="Video"/> + </t> + <t t-elif="record.slide_type.raw_value == 'quiz'"> + <i class="fa fa-flag mr-2" aria-label="Quiz" role="img" title="Quiz"/> + </t> + <t t-else=""><i class="fa fa-file-pdf-o mr-2" aria-label="Document" role="img" title="Document"/></t> + <field name="slide_type"/> + </span> + <field name="user_id" widget="many2one_avatar_user"/> + </div> + </div> + </div> + </t> + </templates> + </kanban> + </field> + </record> + + <record id="view_slide_slide_tree" model="ir.ui.view"> + <field name="name">slide.slide.tree</field> + <field name="model">slide.slide</field> + <field name="arch" type="xml"> + <tree string="Contents" sample="1"> + <field name="name"/> + <field name="website_id" groups="website.group_multi_website"/> + <field name="active" invisible="1"/> + <field name="slide_type"/> + <field name="channel_id"/> + <field name="category_id"/> + <field name="date_published"/> + <field name="slide_views"/> + <field name="public_views"/> + <field name="total_views"/> + <field name="completion_time"/> + </tree> + </field> + </record> + + <record id="view_slide_slide_search" model="ir.ui.view"> + <field name="name">slide.slide.filter</field> + <field name="model">slide.slide</field> + <field name="arch" type="xml"> + <search string="Search Contents"> + <field name="name"/> + <filter name="published" string="Published" domain="[('is_published', '=', True)]"/> + <filter name="not_published" string="Waiting for validation" domain="[('is_published', '=', False)]"/> + <separator/> + <filter string="Archived" name="inactive" domain="[('active','=',False)]"/> + <group expand="0" string="Group By"> + <filter string="Course" name="groupby_channel" domain="[]" context="{'group_by': 'channel_id'}"/> + <filter string="Category" name="groupby_category" domain="[]" context="{'group_by': 'category_id'}"/> + <filter string="Type" name="groupby_type" domain="[]" context="{'group_by': 'slide_type'}"/> + </group> + </search> + </field> + </record> + + <record id="slide_slide_view_graph" model="ir.ui.view"> + <field name="name">slide.slide.view.graph</field> + <field name="model">slide.slide</field> + <field name="arch" type="xml"> + <graph string="Graph of Contents" stacked="False" sample="1"> + <field name="channel_id" type="row"/> + <field name="slide_type" type="col"/> + <field name="total_views" type="measure"/> + </graph> + </field> + </record> + + <record id="slide_slide_view_pivot" model="ir.ui.view"> + <field name="name">slide.slide.view.pivot</field> + <field name="model">slide.slide</field> + <field name="arch" type="xml"> + <pivot sample="1"> + <field name="channel_id" type="row"/> + <field name="total_views" type="measure"/> + </pivot> + </field> + </record> + + <record id="slide_slide_action" model="ir.actions.act_window"> + <field name="name">Contents</field> + <field name="res_model">slide.slide</field> + <field name="view_mode">kanban,tree,form</field> + <field name="context"></field> + <field name="domain">[('is_category', '=', False)]</field> + <field name="help" type="html"> + <p class="o_view_nocontent_smiling_face"> + Add a new lesson + </p> + </field> + </record> + + <record id="slide_slide_action_report" model="ir.actions.act_window"> + <field name="name">Contents</field> + <field name="type">ir.actions.act_window</field> + <field name="res_model">slide.slide</field> + <field name="view_mode">graph,tree,form,pivot</field> + <field name="view_id" ref="slide_slide_view_graph"/> + <field name="help" type="html"> + <p class="o_view_nocontent_smiling_face"> + No data yet! + </p><p> + Create new content for your eLearning + </p> + </field> + </record> + </data> +</odoo> diff --git a/addons/website_slides/views/website_slides_menu_views.xml b/addons/website_slides/views/website_slides_menu_views.xml new file mode 100644 index 00000000..2d19f546 --- /dev/null +++ b/addons/website_slides/views/website_slides_menu_views.xml @@ -0,0 +1,81 @@ +<?xml version="1.0" encoding="utf-8"?> +<odoo> + <menuitem name="eLearning" + id="website_slides_menu_root" + web_icon="website_slides,static/description/icon.png" + groups="website_slides.group_website_slides_officer" + action="slide_channel_action_overview"/> + + <!-- Main top menu elements --> + <menuitem name="Courses" + id="website_slides_menu_courses" + parent="website_slides_menu_root" + sequence="1"/> + <menuitem name="Reporting" + id="website_slides_menu_report" + parent="website_slides_menu_root" + groups="website_slides.group_website_slides_manager" + sequence="9"/> + <menuitem name="Configuration" + id="website_slides_menu_configuration" + parent="website_slides_menu_root" + sequence="99"/> + + <!-- Courses sub-menu --> + <menuitem name="Courses" + id="website_slides_menu_courses_courses" + parent="website_slides_menu_courses" + sequence="1" + action="slide_channel_action_overview"/> + <menuitem name="Contents" + id="website_slides_menu_courses_content" + parent="website_slides_menu_courses" + sequence="2" + action="slide_slide_action"/> + <menuitem name="Reviews" + id="website_slides_menu_courses_reviews" + parent="website_slides_menu_courses" + sequence="3" + action="rating_rating_action_slide_channel"/> + + <!-- Reporting sub-menu --> + <menuitem name="Courses" + id="website_slides_menu_report_courses" + parent="website_slides_menu_report" + sequence="1" + action="slide_channel_action_report"/> + <menuitem name="Contents" + id="website_slides_menu_report_contents" + parent="website_slides_menu_report" + sequence="2" + action="slide_slide_action_report"/> + <menuitem name="Reviews" + id="website_slides_menu_report_reviews" + parent="website_slides_menu_report" + sequence="6" + action="rating_rating_action_slide_channel_report"/> + <menuitem name="Quizzes" + id="website_slides_menu_report_quizzes" + parent="website_slides_menu_report" + sequence="7" + action="slide_question_action_report"/> + + <!-- Settings sub-menu --> + <menuitem name="Settings" + id="website_slides_menu_config_settings" + parent="website_slides_menu_configuration" + sequence="1" + action="website_slides_action_settings" + groups="base.group_system"/> + <menuitem name="Course Groups" + id="website_slides_menu_config_course_groups" + parent="website_slides_menu_configuration" + sequence="2" + action="slide_channel_tag_group_action"/> + <menuitem name="Content Tags" + id="website_slides_menu_config_content_tags" + parent="website_slides_menu_configuration" + sequence="3" + action="action_slide_tag"/> + +</odoo> diff --git a/addons/website_slides/views/website_slides_templates_course.xml b/addons/website_slides/views/website_slides_templates_course.xml new file mode 100644 index 00000000..10587ef5 --- /dev/null +++ b/addons/website_slides/views/website_slides_templates_course.xml @@ -0,0 +1,848 @@ +<?xml version="1.0" ?> +<odoo><data> + +<!-- Channels sub-template: header --> +<template id="course_nav" name="Course Navigation Header"> + <div class="o_wslides_course_nav"> + <div class="container"> + <div class="row align-items-center justify-content-between"> + <!-- Desktop Mode --> + <nav aria-label="breadcrumb" class="col-md-8 d-none d-md-flex"> + <ol class="breadcrumb bg-transparent mb-0 pl-0 py-0"> + <li class="breadcrumb-item"> + <a href="/slides">Courses</a> + </li> + <t t-set="breadcrumb_class" t-value="'breadcrumb-item %s' % ('active' if not slide else '')" /> + <li t-att-class="'breadcrumb-item %s' % ('active' if not search_category and not search_tag and not search_slide_type and not slide else '')"> + <a t-att-href="'/slides/%s' % slug(channel)"><span t-esc="channel.name"/></a> + </li> + <li t-att-class="breadcrumb_class" t-att-aria-current="'page' and search_category" t-if="search_category"> + <a t-att-href="'/slides/%s/category/%s' % (slug(channel), slug(search_category))"><span t-esc="search_category.name"/></a> + </li> + <li t-att-class="breadcrumb_class" t-att-aria-current="'page' and search_tag" t-if="search_tag"> + <a t-att-href="'/slides/%s/tag/%s' % (slug(channel), slug(search_tag))"><span t-esc="search_tag.name"/></a> + </li> + <li t-att-class="breadcrumb_class" t-att-aria-current="'page' and search_uncategorized" t-if="search_uncategorized"> + <a t-att-href="'/slides/%s?search_uncategorized=1' % (slug(channel))">Uncategorized</a> + </li> + <li t-att-class="breadcrumb_class" t-att-aria-current="'page' and search_slide_type" t-if="search_slide_type"> + <a t-att-href="'/slides/%s?slide_type=%s' % (slug(channel), search_slide_type)"><span t-esc="slide_types[search_slide_type]"/></a> + </li> + <li t-if="slide" class="breadcrumb-item active"> + <a t-att-href="'/slides/slide/%s' % slug(slide)"><span t-esc="slide.name"/></a> + </li> + </ol> + </nav> + + <div class="col-md-4 d-none d-md-flex flex-row align-items-center justify-content-end"> + <!-- search --> + <form t-attf-action="/slides/all" role="search" method="get"> + <div class="input-group o_wslides_course_nav_search ml-1 position-relative"> + <span class="input-group-prepend"> + <button class="btn btn-link text-white rounded-0 pr-1" type="submit" aria-label="Search" title="Search"> + <i class="fa fa-search"></i> + </button> + </span> + <input type="text" class="form-control border-0 rounded-0 bg-transparent text-white" name="search" placeholder="Search courses"/> + </div> + </form> + </div> + + <!-- Mobile Mode --> + <div class="col d-md-none py-1"> + <div class="btn-group w-100 position-relative" role="group" aria-label="Mobile sub-nav"> + <div class="btn-group w-100"> + <a class="btn bg-black-25 text-white dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Nav</a> + + <div class="dropdown-menu"> + <a class="dropdown-item" href="/slides">Home</a> + <t t-set="dropdown_class" t-value="'dropdown-item %s' % ('active' if not slide else '')"/> + <a t-att-class="'dropdown-item %s' % ('active' if not search_category and not search_tag and not search_slide_type else '')" t-att-href="'/slides/%s' % slug(channel)"> + └<span class="ml-1" t-esc="channel.name"/> + </a> + <a t-att-class="dropdown_class" t-att-aria-current="'page' and search_category" t-if="search_category" t-att-href="'/slides/%s/category/%s' % (slug(channel), slug(search_category))"> + └<span class="ml-1" t-esc="search_category.name"/> + </a> + <a t-att-class="dropdown_class" t-att-aria-current="'page' and search_tag" t-if="search_tag" t-att-href="'/slides/%s/tag/%s' % (slug(channel), slug(search_tag))"> + └<span class="ml-1" t-esc="search_tag.name"/> + </a> + <a t-att-class="dropdown_class" t-att-aria-current="'page' and search_uncategorized" t-if="search_uncategorized" t-att-href="'/slides/%s?search_uncategorized=1' % (slug(channel))"> + └<span class="ml-1">Uncategorized</span> + </a> + <a t-att-class="dropdown_class" t-att-aria-current="'page' and search_slide_type" t-if="search_slide_type" t-att-href="'/slides/%s?slide_type=%s' % (slug(channel), search_slide_type)"> + └<span class="ml-1" t-esc="slide_types[search_slide_type]"/> + </a> + <a t-if="slide" class="dropdown-item active" t-att-href="'/slides/slide/%s' % (slug(slide))"> + └<span class="ml-1" t-esc="slide.name"/> + </a> + </div> + </div> + + <div class="btn-group ml-1 position-static"> + <a class="btn bg-black-25 text-white dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-search"></i></a> + <div class="dropdown-menu dropdown-menu-right w-100" style="right: 10px;"> + <form class="px-3" t-attf-action="/slides/#{slug(channel)}" role="search" method="get"> + <div class="input-group"> + <input type="text" class="form-control" name="search" placeholder="Search courses"/> + <span class="input-group-append"> + <button class="btn btn-primary" type="submit" aria-label="Search" title="Search"> + <i class="fa fa-search"/> + </button> + </span> + </div> + </form> + </div> + </div> + </div> + </div> + </div> + </div> + </div> +</template> + + +<!-- Channel main template --> +<template id='course_main' name="Course Main" track="1"> + <t t-set="head"> + <t t-call-assets="web.pdf_js_lib" t-css="false"/> + <script type="text/javascript" src="/website_slides/static/lib/pdfslidesviewer/PDFSlidesViewer.js"></script> + </t> + <t t-set="body_classname" t-value="'o_wslides_body'"/> + <t t-call="website.layout"> + <div id="wrap" t-attf-class="wrap mt-0"> + <div t-attf-class="o_wslides_course_header o_wslides_gradient position-relative text-white pb-md-0 pt-2 pt-md-5 #{'pb-3' if channel.channel_type == 'training' else 'o_wslides_course_doc_header pb-5'}"> + <t t-call="website_slides.course_nav"/> + + <div class="container mt-5 mt-md-3 mt-xl-4"> + <div class="row align-items-end align-items-md-stretch"> + <!-- ==== Header Left ==== --> + <div class="col-12 col-md-4 col-lg-3"> + <div class="d-flex align-items-end justify-content-around h-100"> + <div t-if="channel.image_1920" t-field="channel.image_1920" t-options='{"widget": "image", "class": "o_wslides_course_pict d-inline-block mb-2 mt-3 my-md-0"}' class="h-100"/> + <div t-else="" class="h-100"> + <img t-att-src="'/website_slides/static/src/img/channel-%s-default.jpg' % ('training' if channel.channel_type == 'training' else 'documentation')" + class="o_wslides_course_pict d-inline-block mb-2 mt-3 my-md-0"/> + </div> + </div> + </div> + + <!-- ==== Header Right ==== --> + <div class="col-12 col-md-8 col-lg-9 d-flex flex-column"> + <div class="d-flex flex-column"> + <h1 t-field="channel.name"/> + <p class="mb-0 mb-xl-3" t-field="channel.description"/> + + <div t-if="channel.channel_type == 'documentation'" class="d-flex mb-md-5"> + <button role="button" class="btn text-white pl-0" title="Share Channel" + aria-label="Share Channel" + data-toggle="modal" t-att-data-target="'#slideChannelShareModal_%s' % channel.id"> + <i class="fa fa-share-square"></i> Share + </button> + </div> + </div> + <div class="d-flex flex-column justify-content-center h5 flex-grow-1 mb-md-5" t-if="channel.allow_comment"> + <t t-call="portal_rating.rating_stars_static_popup_composer"> + <t t-set="rating_avg" t-value="rating_avg"/> + <t t-set="rating_total" t-value="rating_count"/> + <t t-set="object" t-value="channel"/> + <t t-set="token" t-value="channel.access_token"/> + <t t-set="hash" t-value="message_post_hash"/> + <t t-set="pid" t-value="message_post_pid"/> + <t t-set="default_message" t-value="last_message"/> + <t t-set="default_message_id" t-value="last_message_id"/> + <t t-set="default_rating_value" t-value="last_rating_value"/> + <t t-set="default_attachment_ids" t-value="last_message_attachment_ids"/> + <t t-set="force_submit_url" t-value="'/slides/mail/update_comment' if last_message_id else False"/> + <t t-set="disable_composer" t-value="not channel.can_review"/> + <t t-set="_link_btn_classes" t-value="'btn-link text-white'"/> + </t> + </div> + </div> + </div> + </div> + </div> + + <!-- Share modal : here to avoid having text-white from o_wslides_course_header --> + <t t-call="website_slides.slide_share_modal" t-if="channel.channel_type == 'documentation'"> + <t t-set="record" t-value="channel"/> + </t> + + <div class="o_wslides_course_main"> + <!-- ========== TRAINING COURSE ========== --> + <div t-if="channel.channel_type == 'training'" class="container"> + <div class="row"> + <!-- Training Sidebar --> + <div class="col-12 col-md-4 col-lg-3 mt-3 mt-md-0"> + <t t-call="website_slides.course_sidebar"/> + </div> + + <!-- Training Content --> + <div class="col-12 col-md-8 col-lg-9"> + <ul class="nav nav-tabs o_wslides_nav_tabs flex-nowrap" role="tablist" id="profile_extra_info_tablist"> + <li class="nav-item"> + <a t-att-class="'nav-link %s' % ('active' if active_tab == 'home' else '')" + id="home-tab" data-toggle="pill" href="#home" role="tab" aria-controls="home" + t-att-aria-selected="'true' if active_tab == 'home' else 'false'"> + <i class="fa fa-home"/> Course + </a> + </li> + <li t-if="channel.allow_comment" class="nav-item o_wslides_course_header_nav_review_training"> + <a t-att-class="'nav-link %s' % ('active' if active_tab == 'review' else '')" + id="review-tab" data-toggle="pill" href="#review" role="tab" aria-controls="review" + t-att-aria-selected="'true' if active_tab == 'review' else 'false'"> + Reviews<t t-if="rating_count"> (<t t-esc="rating_count"/>)</t> + </a> + </li> + </ul> + + <div class="tab-content py-4 o_wslides_tabs_content mb-4" id="courseMainTabContent"> + <div t-att-class="'tab-pane fade %s' % ('show active' if active_tab == 'home' else '')" id="home" role="tabpanel" aria-labelledby="home-tab"> + <div class="mb-2 pt-1"> + <t t-if="channel.tag_ids"> + <t t-foreach="channel.tag_ids" t-as="channel_tag"> + <span t-attf-class="badge o_wslides_channel_tag #{'o_tag_color_'+str(channel_tag.color)}" t-esc="channel_tag.name"/> + </t> + </t> + <a t-if="channel.can_upload" + class="o_wslides_js_channel_tag_add border badge badge-light font-weight-normal py-1 m-1" + role="button" + aria-label="Add Tag" + href="#" + t-att-data-channel-id="channel.id" + t-att-data-channel-tag-ids="channel.tag_ids.ids"> + <span>Add Tag</span> + </a> + </div> + <t t-if="channel.channel_type == 'training'" t-call="website_slides.course_slides_list"/> + </div> + <div t-if="channel.allow_comment" t-att-class="'tab-pane fade %s' % ('show active' if active_tab == 'review' else '')" id="review" role="tabpanel" aria-labelledby="review-tab"> + <t t-call="portal.message_thread"> + <t t-set="object" t-value="channel"/> + <t t-set="hash" t-value="message_post_hash"/> + <t t-set="pid" t-value="message_post_pid"/> + <t t-set="display_rating" t-value="True"/> + <t t-set="disable_composer" t-value="True"/> + </t> + </div> + </div> + </div> + </div> + </div> + + <!-- ========== DOCUMENTATION COURSE ========== --> + <t t-if="channel.channel_type == 'documentation'"> + <div class="container"> + <div class="row"> + <div class="col-12 col-md-8 offset-md-4 col-lg-9 offset-lg-3"> + <ul class="nav nav-tabs o_wslides_nav_tabs o_wslides_doc_nav_tabs flex-nowrap" role="tablist" id="profile_extra_info_tablist"> + <li class="nav-item"> + <a t-att-class="'nav-link %s' % ('active' if active_tab == 'home' else '')" + id="home-tab" data-toggle="pill" href="#home" role="tab" aria-controls="home" + t-att-aria-selected="'true' if active_tab == 'home' else 'false'"> + <i class="fa fa-home"/> + Course + </a> + </li> + <li t-if="channel.allow_comment" class="nav-item o_wslides_course_header_nav_review_documentation"> + <a t-att-class="'nav-link %s' % ('active' if active_tab == 'review' else '')" + id="review-tab" data-toggle="pill" href="#review" role="tab" aria-controls="review" + t-att-aria-selected="'true' if active_tab == 'review' else 'false'"> + Reviews<t t-if="rating_count"> (<t t-esc="rating_count"/>)</t> + </a> + </li> + </ul> + </div> + </div> + </div> + + <div class="tab-content pb-5" id="courseMainTabContent"> + <div t-att-class="'tab-pane fade %s' % ('show active' if active_tab == 'home' else '')" id="home" role="tabpanel" aria-labelledby="home-tab"> + <t t-if="channel.channel_type == 'documentation'" t-call="website_slides.course_slides_cards"/> + </div> + <div t-if="channel.allow_comment" t-att-class="'tab-pane fade %s' % ('show active' if active_tab == 'review' else '')" id="review" role="tabpanel" aria-labelledby="review-tab"> + <div class="container pt-4"> + <t t-call="portal.message_thread"> + <t t-set="object" t-value="channel"/> + <t t-set="hash" t-value="message_post_hash"/> + <t t-set="pid" t-value="message_post_pid"/> + <t t-set="display_rating" t-value="True"/> + <t t-set="disable_composer" t-value="True"/> + </t> + </div> + </div> + </div> + </t> + </div> + </div> + + <t t-call="website_slides.slide_share_modal"> + <t t-set="record" t-value="channel"/> + </t> + </t> +</template> + +<template id="course_sidebar" name="Course Sidebar (infos, CTA)"> + <!-- Training-only: Channel sidebar (aka general information + CTAs) --> + <div class="o_wslides_course_sidebar bg-white px-3 py-2 py-md-3 mb-3 mb-md-5"> + + <div class="o_wslides_sidebar_top d-flex justify-content-between"> + <div class="o_wslides_js_course_join flex-grow-1"> + <a t-if="not channel.is_member and channel.enroll == 'public'" role="button" + class="btn btn-primary btn-block o_wslides_js_course_join_link" + title="Start Course" aria-label="Start Course Channel" + t-att-href="'#'" + t-att-data-channel-id="channel.id" + t-att-data-channel-enroll="channel.enroll"> + <span class="cta-title text_small_caps"> + <t t-if="channel.channel_type == 'documentation'">Start Course</t> + <t t-else="">Join Course</t> + </span> + </a> + + <div t-if="not channel.is_member and channel.enroll == 'invite'" class="text-center"> + <div t-attf-class="alert my-0 bg-100 p-2 #{'o_wslides_js_channel_enroll' if not is_public_user else ''}" + t-att-data-channel-id="channel.id"> + Private Course + <div t-if="is_public_user"> + <small> + Please <a t-att-href="'/web/login?redirect=/slides/%s' % (slug(channel))">sign in</a> to contact responsible. + </small> + </div> + <div t-elif="channel.has_requested_access"> + <small class="text-success"> + Request already sent + </small> + </div> + <div t-else="" class="o_wslides_enroll_msg"> + <small> + <div t-field="channel.enroll_msg"/> + </small> + </div> + </div> + </div> + <t t-if="channel.is_member"> + <button class="d-flex align-items-center alert my-0 px-2 px-xl-3 bg-100 w-100 o_wslides_js_channel_unsubscribe" + t-att-data-channel-id="channel.id" + t-att-data-is-follower="channel.message_is_follower" + t-att-data-enroll="channel.enroll"> + <t t-call="website_slides.slides_misc_user_image"> + <t t-set="img_class" t-value="'rounded-circle mr-1'"/> + <t t-set="img_style" t-value="'width: 1.4em; height: 1.4em; object-fit: cover;'"/> + </t> + <h6 class="d-flex flex-grow-1 my-0">You're enrolled</h6> + <i class="fa fa-check"/> + <i class="fa fa-times"/> + </button> + <div class="d-flex align-items-center pt-3"> + <t t-if="channel.completed"> + <span class="badge badge-pill badge-success py-1 px-2 mx-auto" style="font-size: 1em"><i class="fa fa-check"/> Completed</span> + </t> + <t t-else=""> + <div class="progress flex-grow-1 bg-black-50" style="height: 6px;"> + <div class="progress-bar" role="progressbar" t-attf-style="width: #{channel.completion}%" t-att-aria-valuenow="channel.completion" aria-valuemin="0" aria-valuemax="100"></div> + </div> + <div class="ml-3 small"> + <span class="o_wslides_progress_percentage" t-esc="channel.completion"/> % + </div> + </t> + </div> + </t> + </div> + <button t-attf-class="btn d-md-none bg-white ml-1 border #{'alert' if channel.is_member else ''} #{'align-self-start' if channel.is_member or channel.enroll == 'invite' else 'align-self-end'}" type="button" data-toggle="collapse" data-target="#o_wslides_sidebar_collapse" aria-expanded="false" aria-controls="o_wslides_sidebar_collapse">More info</button> + </div> + + <div id="o_wslides_sidebar_collapse" class="collapse d-md-block"> + <table class="table table-sm mt-3"> + <tr t-if="channel.user_id"> + <th class="border-top-0">Responsible</th> + <td class="border-top-0"><span t-field="channel.user_id"/></td> + </tr> + <tr> + <th class="border-top-0">Last Update</th> + <td class="border-top-0"><t t-esc="channel.slide_last_update" t-options="{'widget': 'date'}"/></td> + </tr> + <tr t-if="channel.total_time"> + <th class="border-top-0">Completion Time</th> + <td class="border-top-0"><t class="font-weight-bold" t-esc="channel.total_time" t-options="{'widget': 'duration', 'unit': 'hour', 'round': 'minute'}"/></td> + </tr> + <tr> + <th>Members</th> + <td><t t-esc="channel.members_count"/></td> + </tr> + </table> + + <div class="mt-3"> + <button role="button" class="btn btn-link btn-block" title="Share Channel" + aria-label="Share Channel" + data-toggle="modal" t-att-data-target="'#slideChannelShareModal_%s' % channel.id"> + <i class="fa fa-share-square fa-fw"/> Share + </button> + </div> + </div> + </div> +</template> + +<template id="course_slides_list" name="Training Course content: list"> + <div class="mb-5 o_wslides_slides_list" t-att-data-channel-id="channel.id"> + + <ul class="o_wslides_js_slides_list_container list-unstyled"> + <t t-set="j" t-value="0"/> + <t t-foreach="category_data" t-as="category"> + <t t-set="category_id" t-value="category['id'] if category['id'] else None"/> + + <li t-if="category['total_slides'] or channel.can_publish" t-att-class="'o_wslides_slide_list_category o_wslides_js_list_item mb-2' if category_id else 'mt-4'" t-att-data-slide-id="category_id" t-att-data-category-id="category_id"> + <div t-att-data-category-id="category_id" + t-att-class="'o_wslides_slide_list_category_header position-relative d-flex justify-content-between align-items-center mt8 %s %s' % ('bg-white shadow-sm border-bottom-0' if category_id else 'border-0', 'o_wslides_js_category py-0' if channel.can_upload else 'py-2')"> + <div t-att-class="'d-flex align-items-center pl-3 %s' % ('o_wslides_slides_list_drag' if channel.can_publish else '')"> + <div t-if="channel.can_publish and category_id" class="o_wslides_slides_list_drag py-2 pr-3"> + <i class="fa fa-bars"/> + </div> + <span t-if="category_id" t-field="category['category'].name"/> + <small t-if="not category['total_slides'] and category_id" class="ml-1 text-muted"><b>(empty)</b></small> + </div> + <div t-if="category_id" class="o_text_link d-flex border-left"> + <a t-if="channel.can_upload" + class="o_wslides_js_slide_upload px-3 py-2" + role="button" + aria-label="Upload Presentation" + href="#" + t-att-data-modules-to-install="modules_to_install" + t-att-data-channel-id="channel.id" + t-att-data-category-id="category_id" + t-att-data-can-upload="channel.can_upload" + t-att-data-can-publish="channel.can_publish"> + <i class="fa fa-plus mr-1"/> <span class="d-none d-md-inline-block">Add Content</span> + </a> + </div> + </div> + <ul t-att-data-category-id="category_id" class="list-unstyled pb-1 border-top"> + <li class="o_wslides_slides_list_slide o_not_editable border-0"/> + <li class="o_wslides_js_slides_list_empty border-0"/> + + <t t-foreach="category['slides']" t-as="slide"> + <t t-call="website_slides.course_slides_list_slide" /> + <t t-set="j" t-value="j+1"/> + </t> + </ul> + </li> + </t> + </ul> + <div t-if="channel.can_upload" class="o_wslides_content_actions btn-group"> + <a class="o_wslides_js_slide_upload mr-1 border btn btn-primary" + role="button" + aria-label="Upload Presentation" + href="#" + t-att-data-open-modal="enable_slide_upload" + t-att-data-modules-to-install="modules_to_install" + t-att-data-channel-id="channel.id" + t-att-data-can-upload="channel.can_upload" + t-att-data-can-publish="channel.can_publish"><i class="fa fa-plus mr-1"/><span>Add Content</span></a> + <a class="o_wslides_js_slide_section_add border btn btn-light bg-white" t-attf-channel_id="#{channel.id}" + href="#" role="button" + groups="website_slides.group_website_slides_officer"><i class="fa fa-folder-o mr-1"/><span>Add Section</span></a> + </div> + <t t-if="not channel.slide_ids and channel.can_publish"> + <t t-call="website_slides.course_slides_list_sample"/> + </t> + </div> + <div t-field="channel.description_html"/> +</template> + +<template id="course_slides_list_sample" name="Course Sample Content"> + <ul class="list-unstyled mt-3" style="opacity: 50%;"> + <li class="o_wslides_slide_list_category mb-2"> + <div class="o_wslides_slide_list_category_header position-relative d-flex justify-content-between align-items-center mt8 bg-white shadow-sm border-bottom-0 py-2"> + <div class="d-flex align-items-center pl-3"> + <span class="text-muted">Common tasks for a computer scientist</span> + </div> + </div> + <ul class="list-unstyled pb-1 border-top"> + <li class="o_wslides_slides_list_slide bg-white-50 border-top-0 d-flex align-items-center pl-2 py-1 pr-2"> + <i class="fa fa-file-text py-2 mx-2"/> + <div class="text-truncate mr-auto"> + <span>Asking Question</span> + </div> + <div class="d-flex flex-row"> + <span class="badge font-weight-bold px-2 py-1 m-1 badge-warning"> + <i class="fa fa-fw fa-flag"/> 10 xp + </span> + </div> + </li> + <li class="o_wslides_slides_list_slide bg-white-50 border-top-0 d-flex align-items-center pl-2 py-1 pr-2"> + <i class="fa fa-question-circle py-2 mx-2"/> + <div class="text-truncate mr-auto"> + <span>Asking the right question</span> + </div> + </li> + <li class="o_wslides_slides_list_slide bg-white-50 border-top-0 d-flex align-items-center pl-2 py-1 pr-2"> + <i class="fa fa-file-pdf-o py-2 mx-2"/> + <div class="text-truncate mr-auto"> + <span>Answering Questions</span> + </div> + <div class="d-flex flex-row"> + <span class="badge badge-info badge-arrow-right font-weight-normal px-2 py-1 m-1">New</span> + </div> + </li> + </ul> + </li> + <li class="o_wslides_slide_list_category mb-2"> + <div class="o_wslides_slide_list_category_header position-relative d-flex justify-content-between align-items-center mt8 bg-white shadow-sm border-bottom-0 py-2"> + <div class="d-flex align-items-center pl-3"> + <span class="text-muted">Parts of computer science</span> + </div> + </div> + <ul class="list-unstyled pb-1 border-top"> + <li class="o_wslides_slides_list_slide bg-white-50 border-top-0 d-flex align-items-center pl-2 py-1 pr-2"> + <i class="fa fa-file-pdf-o py-2 mx-2"/> + <div class="text-truncate mr-auto"> + <span>Mathematics</span> + </div> + </li> + <li class="o_wslides_slides_list_slide bg-white-50 border-top-0 d-flex align-items-center pl-2 py-1 pr-2"> + <i class="fa fa-file-pdf-o py-2 mx-2"/> + <div class="text-truncate mr-auto"> + <span>Science</span> + </div> + </li> + <li class="o_wslides_slides_list_slide bg-white-50 border-top-0 d-flex align-items-center pl-2 py-1 pr-2"> + <i class="fa fa-play py-2 mx-2"/> + <div class="text-truncate mr-auto"> + <span>Logic</span> + </div> + <div class="d-flex flex-row"> + <span class="badge badge-success font-weight-normal px-2 py-1 m-1">Preview</span> + </div> + </li> + </ul> + </li> + </ul> +</template> + +<template id="course_slides_list_slide" name="Slide template for a training channel"> + <li t-att-index="j" t-att-data-slide-id="slide.id" t-att-data-category-id="category_id" t-attf-class="o_wslides_slides_list_slide o_wslides_js_list_item bg-white-50 border-top-0 d-flex align-items-center pl-2 #{'py-1 pr-2' if not channel.can_upload else ''}"> + <div t-if="channel.can_publish" class=" o_wslides_slides_list_drag border-right p-2"> + <i class="fa fa-bars mr-2"></i> + </div> + <t t-call="website_slides.slide_icon"> + <t t-set="icon_class" t-value="'py-2 mx-2'"/> + </t> + <div class="text-truncate mr-auto"> + <a t-if="slide.is_preview or channel.is_member or channel.can_publish" class="o_wslides_js_slides_list_slide_link" t-attf-href="/slides/slide/#{slug(slide)}"> + <span t-field="slide.name"/> + </a> + <span t-else=""> + <span t-esc="slide.name"/> + </span> + </div> + + <div class="d-flex flex-row"> + <a name="o_wslides_list_slide_add_quizz" t-if="channel.can_upload and not slide.question_ids" t-attf-href="/slides/slide/#{slug(slide)}?quiz_quick_create"> + <span class="badge badge-light badge-hide border font-weight-normal px-2 py-1 m-1">Add Quiz</span> + </a> + <a t-if="channel.can_upload" href="#"> + <span t-att-data-slide-id="slide.id" t-attf-class="o_wslides_js_slide_toggle_is_preview badge #{'badge-success' if slide.is_preview else 'badge-light badge-hide border'} font-weight-normal px-2 py-1 m-1"><span>Preview</span></span> + </a> + <t t-elif="slide.is_preview and not channel.is_member"> + <span class="badge badge-success font-weight-normal px-2 py-1 m-1"><span>Preview</span></span> + </t> + <span t-if="slide.is_new_slide and not channel_progress[slide.id].get('completed')" class="badge badge-info badge-arrow-right font-weight-normal px-2 py-1 m-1"> + New + </span> + <span t-if="slide.question_ids" t-att-class="'badge font-weight-bold px-2 py-1 m-1 %s' % ('badge-success' if channel_progress[slide.id].get('completed') else 'badge-warning')"> + <i t-attf-class="fa fa-fw #{'fa-check' if channel_progress[slide.id].get('completed') else 'fa-flag'}"/> + <t t-esc="channel_progress[slide.id].get('quiz_karma_won', 0) if channel_progress[slide.id].get('completed') else channel_progress[slide.id].get('quiz_karma_gain', 0)"/> xp + </span> + <span class="badge badge-danger font-weight-normal px-2 py-1 m-1" t-if="not slide.website_published">Unpublished</span> + </div> + + <div t-if="channel.is_member or channel.can_publish" class="pt-2 pb-2 border-left ml-2 mr-2 pl-2 d-flex flex-row align-items-center o_wslides_slides_list_slide_controls"> + <t t-if="channel.is_member"> + <i t-if="not channel_progress[slide.id].get('completed')" class="check-done fa fa-circle-o text-500 px-2"></i> + <i t-else="" class="check-done text-success fa fa-check-circle px-2"></i> + </t> + <span t-if="channel.can_publish" class="d-none d-md-flex"> + <a t-if="slide.slide_type == 'webpage'" class="px-2 o_text_link text-primary" target="_blank" t-attf-href="/slides/slide/#{slug(slide)}?enable_editor=1"><span class="fa fa-pencil"/></a> + <a t-else="" class="px-2 o_text_link text-primary" target="_blank" t-attf-href="/web#id=#{slide.id}&action=#{slide_action}&model=slide.slide&view_type=form" title="Edit in backend"><span class="fa fa-pencil"/></a> + <a href="#" t-att-data-slide-id="slide.id" class="o_text_link text-danger px-2 o_wslides_js_slide_archive"><span class="fa fa-trash"/></a> + </span> + </div> + </li> +</template> + +<!-- ======= Documentation Course content: cards / categories======= --> +<template id="course_promoted_slide" name="Documentation Course content: promoted slide"> + <div class="o_wslides_promoted_slide"> + <div t-if="not search and not search_slide_type and slide_promoted" class="container py-1 mb-2"> + <div class="card flex-column flex-lg-row"> + <t t-set="image_url" t-value="website.image_url(slide_promoted, 'image_1024')"/> + + <a t-if="slide_promoted.is_preview or channel.is_member or is_slides_publisher" + t-attf-href="/slides/slide/#{slug(slide_promoted)}#{query_string}" class="w-100 w-lg-50 flex-shrink-0 rounded"> + <div t-attf-style="background-image:url(#{image_url}); background-size: cover; background-position:center; padding-bottom: 35%;" class="h-lg-100"/> + </a> + <div t-else="" class="w-100 w-lg-50 flex-shrink-0 rounded"> + <div t-attf-style="background-image:url(#{image_url}); background-size: cover; background-position:center; padding-bottom: 35%;" class="h-lg-100"/> + </div> + + <div class="card-body"> + <a t-if="slide_promoted.is_preview or channel.is_member or is_slides_publisher" + t-attf-href="/slides/slide/#{slug(slide_promoted)}#{query_string}" + class="h4 d-block" t-att-title="slide_promoted.name" t-field="slide_promoted.name"/> + <h4 t-else="" class="text-muted" t-field="slide_promoted.name"/> + + <div t-if="slide_promoted.tag_ids" class="border-top mt-2 pt-1"> + <t t-foreach="slide_promoted.tag_ids" t-as="tag"> + <a t-att-href="'/slides/%s/tag/%s' % (slug(slide_promoted.channel_id), slug(tag))" class="badge badge-light" t-esc="tag.name"/> + </t> + </div> + <div class="o_wslides_desc_truncate_10 mt-3" t-field="slide_promoted.description"/> + </div> + </div> + </div> + </div> +</template> + +<template id="course_slides_cards" name="Documentation Course content: cards / categories"> + <div class="o_wslides_lesson_nav mb-4 border-bottom"> + <div class="container"> + <div class="row"> + <nav class="navbar navbar-expand-lg navbar-light col d-flex align-items-start"> + <a class="navbar-brand d-lg-none" href="#">Filter & order</a> + + <div class="form-inline ml-auto d-lg-none" t-if="search_slide_type or search"> + <a t-att-href="'/slides/%s' % (slug(channel))" class="btn btn-info mr-3"> + <i class="fa fa-eraser mr-1"/>Clear filters + </a> + </div> + + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarSupportedContent"> + <ul class="navbar-nav mr-lg-auto align-items-lg-center"> + + <t t-set="slide_type_keys" t-value="slide_types.keys()"/> + <t t-foreach="slide_type_keys" t-as="slide_type_key"> + <t t-if="search_category"> + <li t-if="search_category['nbr_%s' % slide_type_key] > 0" class="nav-item"> + <a t-att-href="'/slides/%s/category/%s?%s' % (slug(channel), slug(search_category), keep_query(slide_type=slide_type_key))" + t-att-class="'nav-link d-flex align-items-center justify-content-between pl-0 mr-1 %s' % ('active' if search_slide_type == slide_type_key else '')"> + <t t-esc="slide_types[slide_type_key]"/> + <span t-attf-class="badge badge-pill ml-1 #{'badge-info' if search_slide_type == slide_type_key else 'bg-400'}" t-esc="search_category['nbr_%s' % slide_type_key]"/> + </a> + </li> + </t> + <t t-else=""> + <li t-if="channel['nbr_%s' % slide_type_key] > 0" class="nav-item"> + <a t-att-href="'/slides/%s?%s' % (slug(channel), keep_query(slide_type=slide_type_key))" + t-att-class="'nav-link d-flex align-items-center justify-content-between pl-0 mr-1 %s' % ('active' if search_slide_type == slide_type_key else '')"> + <t t-esc="slide_types[slide_type_key]"/> + <span t-attf-class="badge badge-pill ml-1 #{'badge-info' if search_slide_type == slide_type_key else 'bg-400'}" t-esc="channel['nbr_%s' % slide_type_key]"/> + </a> + </li> + </t> + </t> + </ul> + + <ul class="navbar-nav mr-auto"> + <li class="nav-item dropdown ml-lg-auto"> + <a class="nav-link dropdown-toggle dropdown-toggle align-items-center d-flex" type="button" id="slidesChannelDropdownSort" + data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"> + <b>Order by</b> + <span class="d-none d-xl-inline">: + <t t-if="sorting == 'most_voted'">Most Voted</t> + <t t-elif="sorting == 'most_viewed'">Most Viewed</t> + <t t-else="">Newest</t> + </span> + </a> + <div class="dropdown-menu" aria-labelledby="slidesChannelDropdownSort" role="menu"> + <h6 class="dropdown-header">Sort by</h6> + <a role="menuitem" t-att-href="'/slides/%s?%s' % (slug(channel), keep_query('slide_type', sorting='latest'))" + t-att-class="'dropdown-item %s' % ('active' if sorting and sorting == 'latest' else '')">Newest</a> + <a role="menuitem" t-att-href="'/slides/%s?%s' % (slug(channel), keep_query('slide_type', sorting='most_voted'))" + t-att-class="'dropdown-item %s' % ('active' if sorting and sorting == 'most_voted' else '')">Most Voted</a> + <a role="menuitem" t-att-href="'/slides/%s?%s' % (slug(channel), keep_query('slide_type', sorting='most_viewed'))" + t-att-class="'dropdown-item %s' % ('active' if sorting and sorting == 'most_viewed' else '')">Most Viewed</a> + </div> + </li> + </ul> + + <div class="form-inline mr-3 d-none d-lg-inline-block"> + <a t-if="search_slide_type or search" t-att-href="'/slides/%s' % (slug(channel))" class="btn btn-sm btn-info ml-1"> + <i class="fa fa-eraser mr-1"/>Clear filters + </a> + </div> + + <form t-attf-action="/slides/#{slug(channel)}" role="search" method="get" class="form-inline my-2 my-lg-0"> + <div class="input-group position-relative"> + <input type="text" class="form-control border" name="search" placeholder="Search in content" t-att-value="search"/> + <div class="input-group-append"> + <button class="btn border" type="submit" aria-label="Search" title="Search"> + <i class="fa fa-search"/> + </button> + </div> + </div> + </form> + </div> + </nav> + </div> + </div> + </div> + + <div class="container"> + <div class="row"> + <div class="mb-2 pt-1 text-left col"> + <t t-if="channel.tag_ids"> + <t t-foreach="channel.tag_ids" t-as="channel_tag"> + <span t-attf-class="badge o_wslides_channel_tag #{'o_tag_color_'+str(channel_tag.color)}" t-esc="channel_tag.name"/> + </t> + </t> + <a t-if="channel.can_upload" + class="o_wslides_js_channel_tag_add border badge badge-light font-weight-normal py-1 m-1" + role="button" + aria-label="Add Tag" + href="#" + t-att-data-channel-id="channel.id" + t-att-data-channel-tag-ids="channel.tag_ids.ids"> + <i class="fa fa-plus mr-1"/><span>Add Tag</span> + </a> + </div> + + <div t-if="channel.can_upload" class="text-right pb-2 col-auto"> + <a class="btn btn-primary py-1 o_wslides_js_slide_upload" + title="Upload Presentation" role="button" + aria-label="Upload Presentation" href="#" + t-att-data-channel-id="channel.id" + t-att-data-can-upload="channel.can_upload" + t-att-data-can-publish="channel.can_publish"> + <i class="fa fa-cloud-upload mr-1"/>Upload new content + </a> + <a class="btn btn-secondary py-1 o_wslides_js_slide_section_add" + title="Add Section" role="button" + aria-label="Add Section" href="#" + t-att-channel_id="channel.id"> + <i class="fa fa-folder-o mr-1"/>Add a section + </a> + </div> + </div> + </div> + <!-- Featured lesson --> + <t t-if="channel.promote_strategy != 'none'"> + <t t-call="website_slides.course_promoted_slide"/> + </t> + + <div class="container py-2"> + <t t-if="search"> + <t t-set="search_results_number" t-value="0"/> + <t t-foreach="category_data" t-as="category"> + <t t-set="search_results_number" t-value="search_results_number + category['total_slides']"/> + </t> + <div t-if="search_results_number == 0" class="alert alert-info mt-4 mb-5 text-center"> + No content was found using your search <span class="font-weight-bold" t-esc="search"/>. + </div> + </t> + + <t t-foreach="category_data" t-as="category"> + <div class="mb-2" t-if="(category['slides'] or channel.can_publish) and (search_category and search_category.id == category['id'] or not search_category)"> + <t t-set="is_empty_editable" t-value="not category['slides'] and channel.can_publish"/> + <div class="d-flex align-items-center justify-content-between border-bottom pb-2 mb-3" t-if="category['id'] and query_string != '?search_uncategorized=1'"> + <h5 t-attf-class="m-0 #{'text-muted' if is_empty_editable else ''}"><t t-esc="category['name']"/></h5> + <a t-if="category['id'] and not is_empty_editable" t-att-href="'/slides/%s/category/%s' % (slug(channel), category['slug_name'])">View all</a> + </div> + <div class="d-flex align-items-center justify-content-between border-bottom pb-2 mb-3" t-if="not category['id'] and len(category['slides']) > 0"> + <h5 t-if="len(category_data) > 1" t-attf-class="m-0 #{'text-muted' if is_empty_editable else ''}"><t t-esc="category['name']"/></h5> + <a t-att-href="'/slides/%s?uncategorized=1' % (slug(channel))">View all</a> + </div> + <div class="row mx-n2"> + <t t-foreach="category['slides']" t-as="slide"> + <div class="col-12 col-sm-6 col-lg-3 px-2 d-flex flex-grow-1" t-call="website_slides.lesson_card"/> + </t> + </div> + </div> + </t> + + <div class="row"> + <div class="col" t-field="channel.description_html"/> + </div> + </div> + <t t-if="search_category or search_uncategorized"> + <div class="form-inline justify-content-center pb-5"> + <t t-call="website_profile.pager_nobox"></t> + </div> + </t> +</template> + +<template id='lesson_card' name="Lesson Card"> + <div class="card w-100 o_wslides_lesson_card mb-4"> + <t t-if="slide.is_new_slide and not channel_progress[slide.id].get('completed')" t-call="website_slides.course_card_information"/> + <t t-set="can_access" t-value="slide.is_preview or channel.is_member or channel.can_publish"/> + + <t t-if="slide.image_1024"> + <t t-set="lesson_image" t-value="website.image_url(slide, 'image_1024')"/> + <a t-if="can_access" t-attf-href="/slides/slide/#{slug(slide)}#{query_string}" t-title="slide.name"> + <div class="card-img-top border-bottom" t-attf-style="padding-top: 50%; background-image: url(#{lesson_image}); background-size: cover; background-position:center"/> + </a> + <div t-else="" class="card-img-top border-bottom" t-attf-style="padding-top: 50%; background-image: url(#{lesson_image}); background-size: cover; background-position:center"/> + </t> + <t t-else=""> + <a t-if="can_access" t-attf-href="/slides/slide/#{slug(slide)}#{query_string}" t-title="slide.name"> + <div class="card-img-top border-bottom o_wslides_gradient" t-attf-style="padding-top: 50%;"/> + </a> + <div t-else="" class="card-img-top border-bottom o_wslides_gradient" t-attf-style="padding-top: 50%;"/> + </t> + <i t-if="channel_progress[slide.id].get('completed')" class="position-absolute py-1 px-2 h5 fa fa-check-circle text-primary" style="right:0; top:0;"/> + + <div class="card-body p-3"> + <a t-if="can_access" class="card-title h5 mb-2o_wslides_desc_truncate_2" t-attf-href="/slides/slide/#{slug(slide)}#{query_string}" t-esc="slide.name"/> + <span t-else="" class="card-title h5 mb-2 o_wslides_desc_truncate_2 text-muted" t-esc="slide.name"/> + <div class="card-subtitle mb-2 text-muted" t-if="slide.is_preview or (not slide.is_published and user.has_group('website_slides.group_website_slides_officer'))"> + <t t-if="slide.is_preview"> + <span class="badge badge-info">Preview</span> + </t> + <t t-if="not slide.is_published and channel.can_publish"> + <span class="badge badge-danger">Unpublished</span> + </t> + </div> + <div class="card-text pt-2"> + <div class="o_wslides_desc_truncate_3 font-weight-light oe_no_empty" t-field="slide.description"/> + <div t-if="slide.tag_ids" class="mt-2 pt-1 o_wslides_desc_truncate_2"> + <t t-foreach="slide.tag_ids" t-as="tag"> + <a t-att-href="'/slides/%s/tag/%s' % (slug(slide.channel_id), slug(tag))" class="badge badge-light" t-esc="tag.name"/> + </t> + </div> + </div> + </div> + <div class="card-footer bg-white text-600"> + <div class="d-flex align-items-center small"> + <span class="font-weight-bold mr-auto" t-field="slide.completion_time" t-options='{"widget": "float_time"}'/> + <div class="o_wslides_js_slide_like mr-2"> + <span t-att-class="'o_wslides_js_slide_like_up %s' % ('disabled' if not channel.can_vote else '')" tabindex="0" data-toggle="popover" t-att-data-slide-id="slide.id"> + <i class="fa fa-thumbs-up fa-1x" role="img" aria-label="Likes" title="Likes"></i> + <span t-esc="slide.likes"/> + </span> + <span t-att-class="'o_wslides_js_slide_like_down %s' % ('disabled' if not channel.can_vote else '')" tabindex="0" data-toggle="popover" t-att-data-slide-id="slide.id"> + <i class="fa fa-thumbs-down fa-1x" role="img" aria-label="Dislikes" title="Dislikes"></i> + <span t-esc="slide.dislikes"/> + </span> + </div> + <t t-if="channel.is_member and channel_progress[slide.id].get('completed')"> + <span class="badge badge-pill badge-success"><i class="fa fa-check"/> Completed</span> + </t> + </div> + </div> + </div> +</template> + +<template id="slide_icon"> + <t t-set="icon_class" t-value="icon_class if icon_class else 'mr-2 text-muted'"/> + <i t-if="slide.slide_type == 'document'" t-att-class="'fa fa-file-pdf-o %s' % icon_class"></i> + <i t-if="slide.slide_type == 'presentation'" t-att-class="'fa fa-file-pdf-o %s' % icon_class"></i> + <i t-if="slide.slide_type == 'infographic'" t-att-class="'fa fa-file-picture-o %s' % icon_class"></i> + <i t-if="slide.slide_type == 'video'" t-att-class="'fa fa-play-circle %s' % icon_class"></i> + <i t-if="slide.slide_type == 'link'" t-att-class="'fa fa-file-code-o %s' % icon_class"></i> + <i t-if="slide.slide_type == 'webpage'" t-att-class="'fa fa-file-text %s' % icon_class"></i> + <i t-if="slide.slide_type == 'quiz'" t-att-class="'fa fa-question-circle %s' % icon_class"></i> +</template> + +</data></odoo> diff --git a/addons/website_slides/views/website_slides_templates_homepage.xml b/addons/website_slides/views/website_slides_templates_homepage.xml new file mode 100644 index 00000000..20a5089d --- /dev/null +++ b/addons/website_slides/views/website_slides_templates_homepage.xml @@ -0,0 +1,508 @@ +<?xml version="1.0" ?> +<odoo><data> + +<!-- Channels home template --> +<template id='courses_home' name="Odoo Courses Homepage"> + <t t-set="body_classname" t-value="'o_wslides_body'"/> + <t t-call="website.layout"> + <div id="wrap" class="wrap o_wslides_wrap"> + <section class="s_banner overflow-hidden bg-900" style="background-image: url("/website_slides/static/src/img/banner_default.svg"); background-size: cover; background-position: 55% 65%" data-snippet="s_banner"> + <div class="container align-items-center d-flex mb-5 mt-lg-5 pt-lg-4 pb-lg-1"> + <div> + <h1 class="display-3 mb-0">Reach new heights</h1> + <h2 class="mb-4">Start your online course today!</h2> + <div class="row mt-1 mb-3"> + <div class="col"> + <p>Skill up and have an impact! Your business career starts here.<br/>Time to start a course.</p> + </div> + </div> + </div> + </div> + </section> + <div class="container mt16 o_wslides_home_nav position-relative"> + <nav class="navbar navbar-expand-lg navbar-light shadow-sm" style="background: white!important"> + <form method="GET" class="form-inline o_wslides_nav_navbar_right order-lg-3" t-attf-action="/slides/all" role="search"> + <div class="input-group"> + <input type="search" name="search" class="form-control" placeholder="Search courses" aria-label="Search" t-att-value="search_term"/> + <div class="input-group-append"> + <button class="btn border border-left-0 oe_search_button" type="submit" aria-label="Search" title="Search"> + <i class="fa fa-search"/> + </button> + </div> + </div> + </form> + <button class="navbar-toggler px-2 order-1" type="button" + data-toggle="collapse" data-target="#navbarSlidesHomepage" + aria-controls="navbarSlidesHomepage" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"/> + </button> + <div class="collapse navbar-collapse order-2" id="navbarSlidesHomepage"> + <div class="navbar-nav pt-3 pt-lg-0"> + <a class="nav-link nav-link mr-md-2 o_wslides_home_all_slides" href="/slides/all"><i class="fa fa-graduation-cap mr-1"/>All courses</a> + </div> + </div> + </nav> + <div class="o_wprofile_email_validation_container"> + <t t-call="website_profile.email_validation_banner"> + <t t-set="redirect_url" t-value="'/slides'"/> + <t t-set="send_alert_classes" t-value="'alert alert-danger alert-dismissable mt-4 mb-0'"/> + <t t-set="done_alert_classes" t-value="'alert alert-success alert-dismissable mt-4 mb-0'"/> + <t t-set="send_validation_email_message">Click here to send a verification email allowing you to participate at the eLearning.</t> + <t t-set="additional_validated_email_message"> You may now participate in our eLearning.</t> + </t> + </div> + </div> + + <div class="container o_wslides_home_main"> + <div class="row"> + <t t-set="has_side_column" t-value="is_view_active('website_slides.toggle_leaderboard')"/> + <t t-if="is_public_user"> + <div t-if="has_side_column" class="col-lg-3 order-3 order-lg-2"> + <div class="row"> + <div class="col-12 col-md-5 col-lg-12"> + <div class="pl-md-5 pl-lg-0"> + <t t-call="website_slides.slides_home_users_small"/> + </div> + </div> + </div> + </div> + </t> + <div t-else="" class="col-lg-3 order-lg-2"> + <t t-set="has_side_column" t-value="True"/> + <div class="o_wslides_home_aside_loggedin card p-3 p-lg-0 mb-4"> + <div class="o_wslides_home_aside_title"> + <div class="d-flex align-items-center"> + <t t-call="website_slides.slides_misc_user_image"> + <t t-set="img_class" t-value="'rounded-circle mr-1'"/> + <t t-set="img_style" t-value="'width: 22px; height: 22px; object-fit: cover;'"/> + </t> + <h5 t-esc="user.name" class="d-flex flex-grow-1 mb-0"/> + <a class="d-none d-lg-block" t-att-href="'/profile/user/%s' % user.id">View</a> + <a class="d-lg-none btn btn-sm bg-white border" href="#" data-toggle="collapse" data-target="#o_wslides_home_aside_content">More info</a> + </div> + <hr class="d-none d-lg-block mt-2 pt-2 mb-1"/> + </div> + <div id="o_wslides_home_aside_content" class="collapse d-lg-block"> + <div class="row no-gutters mb-5 mt-3 mt-lg-0"> + <div class="col-12 col-sm-6 col-lg-12"> + <t t-call="website_slides.slides_home_user_profile_small"/> + </div> + <div class="col-12 col-sm-6 col-lg-12 pl-md-5 pl-lg-0 mt-lg-4"> + <t t-call="website_slides.slides_home_user_achievements_small"/> + </div> + <div class="col-12 col-md-7 col-lg-12 pl-md-5 pl-lg-0 mt-lg-4 mb-3"> + <t t-call="website_slides.slides_home_achievements_small"/> + </div> + <div class="col-12 col-sm-6 col-lg-12 pl-md-5 pl-lg-0 mt-lg-4"> + <t t-call="website_slides.slides_home_users_small"/> + </div> + </div> + </div> + </div> + </div> + <div t-att-class="'col-lg-9 pr-lg-5 order-lg-1' if has_side_column else 'col-lg pr-lg'"> + <div class="o_wslides_home_content_section mb-3" + t-if="not channels_popular"> + <p class="h2">No Course created yet.</p> + <p groups="website_slides.group_website_slides_officer">Click on "New" in the top-right corner to write your first course.</p> + </div> + <t t-if="channels_my"> + <t t-set="void_count" t-value="3 - len(channels_my[:3])"/> + <div class="o_wslides_home_content_section mb-3"> + <div class="row o_wslides_home_content_section_title align-items-center"> + <div class="col"> + <a href="/slides/all?my=1" class="float-right">View all</a> + <h5 class="m-0">My courses</h5> + <hr class="mt-2 pb-1 mb-1"/> + </div> + </div> + <div class="row mx-n2 mt8"> + <t t-foreach="channels_my[:3]" t-as="channel"> + <div class="col-md-4 col-sm-6 px-2 col-xs-12 d-flex flex-grow-1"> + <t t-call="website_slides.course_card"/> + </div> + </t> + </div> + </div> + </t> + <div class="o_wslides_home_content_section mb-3" + t-if="channels_popular"> + <div class="row o_wslides_home_content_section_title align-items-center"> + <div class="col"> + <a href="slides/all" class="float-right">View all</a> + <h5 class="m-0">Most popular courses</h5> + <hr class="mt-2 pb-1 mb-1"/> + </div> + </div> + <div class="row mx-n2 mt8"> + <t t-foreach="channels_popular[:3]" t-as="channel"> + <div class="col-md-4 col-sm-6 px-2 col-xs-12 d-flex flex-grow-1"> + <t t-call="website_slides.course_card"/> + </div> + </t> + </div> + </div> + <div class="o_wslides_home_content_section mb-3" + t-if="channels_newest"> + <div class="row o_wslides_home_content_section_title align-items-center"> + <div class="col"> + <a href="slides/all" class="float-right">View all</a> + <h5 class="m-0">Newest courses</h5> + <hr class="mt-2 pb-1 mb-1"/> + </div> + </div> + <div class="row mx-n2 mt8"> + <t t-foreach="channels_newest[:3]" t-as="channel"> + <div class="col-md-4 col-sm-6 px-2 col-xs-12 d-flex flex-grow-1"> + <t t-call="website_slides.course_card"/> + </div> + </t> + </div> + </div> + </div> + </div> + </div> + <t t-call="website_slides.courses_footer"></t> + </div> + </t> +</template> + +<!-- Channel all/main template --> +<template id='courses_all' name="Odoo All Courses"> + <t t-set="body_classname" t-value="'o_wslides_body'"/> + <t t-call="website.layout"> + <div id="wrap" class="wrap o_wslides_wrap"> + <section class="s_banner bg-900" style="background-image: url("/website_slides/static/src/img/banner_default_all.svg"); background-size: cover; background-position: 80% 20%" data-snippet="s_banner"> + <div class="container py-5"> + <h1 t-if="search_my" class="display-3 mb-0">My Courses</h1> + <h1 t-elif="search_slide_type=='certification'" class="display-3 mb-0">Certifications</h1> + <h1 t-else="" class="display-3 mb-0">All Courses</h1> + </div> + </section> + <div class="container mt16 o_wslides_home_nav position-relative"> + <!-- Navbar dynamically composed using displayed channel tag groups. --> + <nav class="navbar navbar-expand-md navbar-light shadow-sm pl-0" style="background: white!important"> + <div class="navbar-nav border-right"> + <a class="nav-link nav-item px-3" href="/slides"><i class="fa fa-chevron-left"/></a> + </div> + <!-- Clear filtering (mobile)--> + <div class="form-inline text-nowrap ml-auto d-md-none" t-if="search_slide_type or search_my or search_tags or search_channel_tag_id"> + <a href="/slides/all" class="btn btn-info mr-2" role="button" title="Clear filters"> + <i class="fa fa-eraser"/> Clear filters + </a> + </div> + <form t-else="" method="GET" class="form-inline o_wslides_nav_navbar_right d-md-none"> + <!-- Search box (mobile)--> + <div class="input-group"> + <input type="search" name="search" class="form-control" + placeholder="Search courses" aria-label="Search" + t-att-value="search_term"/> + <input t-if="search_tags" type="hidden" name="tags" t-att-value="str(search_tags.ids)"/> + <input t-if="search_my" type="hidden" name="my" t-att-value="1"/> + <input t-if="search_slide_type" type="hidden" name="slide_type" t-att-value="search_slide_type" /> + <div class="input-group-append"> + <button class="btn border border-left-0 oe_search_button" type="submit" aria-label="Search" title="Search"> + <i class="fa fa-search"/> + </button> + </div> + </div> + </form> + <button class="navbar-toggler px-1" type="button" + data-toggle="collapse" data-target="#navbarTagGroups" + aria-controls="navbarTagGroups" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon small"/> + </button> + <div class="collapse navbar-collapse" id="navbarTagGroups"> + <t t-set="search_tag_groups" t-value="search_tags.mapped('group_id')"/> + <ul class="navbar-nav flex-grow-1"> + <t t-foreach="tag_groups" t-as="tag_group"> + <li t-att-class="'nav-item dropdown ml16 %s' % ('active' if tag_group in search_tag_groups else '')"> + <a class="nav-link dropdown-toggle" + href="/slides/all" + t-att-data-target="'#navToogleTagGroup%s' % tag_group.id" + role="button" data-toggle="dropdown" + aria-haspopup="true" aria-expanded="false" + t-esc="tag_group.name"/> + <div class="dropdown-menu" t-att-id="'navToogleTagGroup%s' % tag_group.id"> + <t t-foreach="tag_group.tag_ids" t-as="tag"> + <a rel="nofollow" t-att-class="'dropdown-item %s' % ('active' if tag in search_tags else '')" + t-att-href="'/slides/all?%s' % keep_query('*', tags=str((search_tags - tag).ids if tag in search_tags else (tag | search_tags).ids))" + t-esc="tag.name"/> + </t> + </div> + </li> + </t> + </ul> + <!-- Clear filtering (desktop)--> + <div class="form-inline ml-auto d-none d-md-flex" t-if="search_slide_type or search_my or search_tags or search_channel_tag_id"> + <a href="/slides/all" class="btn btn-info text-nowrap mr-2" role="button" title="Clear filters"> + <i class="fa fa-eraser"/> Clear filters + </a> + </div> + <!-- Search box (desktop) --> + <form method="GET" class="form-inline o_wslides_nav_navbar_right d-none d-md-flex"> + <div class="input-group"> + <input type="search" name="search" class="form-control" + placeholder="Search courses" aria-label="Search" + t-att-value="search_term"/> + <input t-if="search_tags" type="hidden" name="tags" t-att-value="str(search_tags.ids)"/> + <input t-if="search_my" type="hidden" name="my" t-att-value="1"/> + <input t-if="search_slide_type" type="hidden" name="slide_type" t-att-value="search_slide_type" /> + <div class="input-group-append"> + <button class="btn border border-left-0 oe_search_button" type="submit" aria-label="Search" title="Search"> + <i class="fa fa-search"/> + </button> + </div> + </div> + </form> + </div> + </nav> + <div class="o_wprofile_email_validation_container mb16 mt16"> + <t t-call="website_profile.email_validation_banner"> + <t t-set="redirect_url" t-value="'/slides'"/> + <t t-set="send_validation_email_message">Click here to send a verification email allowing you to participate at the eLearning.</t> + <t t-set="additional_validated_email_message"> You may now participate in our eLearning.</t> + </t> + </div> + <!-- Display tags --> + <t t-if="search_my"> + <span class="align-items-baseline border d-inline-flex pl-2 rounded mb-2"> + <i class="fa fa-tag mr-2 text-muted"/> + My Courses + <a t-att-href="'/slides/all?%s' % keep_query('*', my=None)" class="btn border-0 py-1">×</a> + </span> + </t> + <t t-if="search_term"> + <span class="align-items-baseline border d-inline-flex pl-2 rounded mb-2"> + <i class="fa fa-tag mr-2 text-muted"/> + <t t-esc="search_term"/> + <a t-att-href="'/slides/all?%s' % keep_query('*', search=None)" class="btn border-0 py-1">×</a> + </span> + </t> + <t t-foreach="search_tags" t-as="tag"> + <span class="align-items-baseline border d-inline-flex pl-2 rounded mb-2"> + <i class="fa fa-tag mr-2 text-muted"/> + <t t-esc="tag.display_name"/> + <a t-att-href="'/slides/all?%s' % keep_query('*', tags=str((search_tags - tag).ids))" class="btn border-0 py-1">×</a> + </span> + </t> + </div> + <div class="container o_wslides_home_main pb-5"> + <div t-if="not channels and not search_term and not search_slide_type and not search_my and not search_tags and not search_channel_tag_id"> + <p class="h2">No Course created yet.</p> + <p groups="website_slides.group_website_slides_officer">Click on "New" in the top-right corner to write your first course.</p> + </div> + <div t-elif="search_term and not channels" class="alert alert-info mb-5"> + No course was found matching your search <code><t t-esc="search_term"/></code>. + </div> + <div t-elif="not channels" class="alert alert-info mb-5"> + No course was found matching your search. + </div> + <div t-else="" class="row mx-n2"> + <t t-foreach="channels" t-as="channel"> + <div class="col-12 col-sm-6 col-md-4 col-lg-3 px-2 d-flex flex-grow-1"> + <t t-call="website_slides.course_card"/> + </div> + </t> + </div> + </div> + + <t t-call="website_slides.courses_footer"></t> + </div> + </t> +</template> + +<template id='courses_footer'> + <section class="s_banner"> + <div class="oe_structure oe_empty"/> + </section> +</template> + +<template id='course_card' name="Course Card"> + <div t-attf-class="card w-100 o_wslides_course_card mb-4 #{'o_wslides_course_unpublished' if not channel.is_published else ''}"> + <t t-set="course_image" t-value="website.image_url(channel, 'image_1024')"/> + <a t-attf-href="/slides/#{slug(channel)}" t-title="channel.name"> + <t t-if="channel.partner_has_new_content" t-call="website_slides.course_card_information"/> + <div t-if="channel.image_1024" class="card-img-top" t-attf-style="padding-top: 50%; background-image: url(#{course_image}); background-size: cover; background-position:center"/> + <div t-else="" class="o_wslides_gradient card-img-top position-relative" style="padding-top: 50%; opacity: 0.8"> + <i class="fa fa-graduation-cap fa-2x mr-3 mb-3 position-absolute text-white-75" style="right:0; bottom: 0"/> + </div> + </a> + <div class="card-body p-3"> + <a class="card-title h5 mb-2 o_wslides_desc_truncate_2" t-attf-href="/slides/#{slug(channel)}" t-esc="channel.name"/> + <span t-if="not channel.is_published" class="badge badge-danger p-1">Unpublished</span> + <div class="card-text mt-1"> + <div class="font-weight-light o_wslides_desc_truncate_3" t-field="channel.description_short"/> + <div t-if="channel.tag_ids" class="mt-2 pt-1 o_wslides_desc_truncate_2"> + <t t-foreach="channel.tag_ids" t-as="tag"> + <t t-if="search_tags"> + <a t-att-href="'/slides/all?%s' % keep_query('*', tags=str((tag | search_tags).ids))" t-attf-class="badge #{'badge-primary' if tag in search_tags else 'o_wslides_channel_tag o_tag_color_0'}" t-esc="tag.name"/> + </t> + <t t-else=""> + <a t-att-href="'/slides/all?%s' % keep_query('*', tags=str((tag | search_tags).ids))" t-attf-class="badge o_wslides_channel_tag #{'o_tag_color_'+str(tag.color)}" t-esc="tag.name"/> + </t> + </t> + </div> + </div> + </div> + <div class="card-footer bg-white text-600 px-3"> + <div class="d-flex justify-content-between align-items-center"> + <small t-if="channel.total_time" class="font-weight-bold" t-esc="channel.total_time" t-options="{'widget': 'duration', 'unit': 'hour', 'round': 'minute'}"/> + <div class="d-flex flex-grow-1 justify-content-end"> + <t t-if="channel.is_member and channel.completed"> + <span class="badge badge-pill badge-success pull-right py-1 px-2"><i class="fa fa-check"/> Completed</span> + </t> + <div t-elif="channel.is_member and channel.channel_type != 'documentation'" class="progress w-50" style="height: 6px"> + <div class="progress-bar" role="progressbar" t-att-aria-valuenow="channel.completion" aria-valuemin="0" aria-valuemax="100" t-attf-style="width:#{channel.completion}%;"/> + </div> + <small t-else=""><b t-esc="channel.total_slides"/> steps</small> + </div> + </div> + </div> + </div> +</template> + +<template id="course_card_information" name='Course Information'> + <t id="course_card_information_content"> + </t> +</template> + +<template id="course_card_information_arrow" inherit_id="website_slides.course_card_information" + active="True" customize_show="True" name='New Content Ribbon'> + <xpath expr="//t[@id='course_card_information_content']" position="inside"> + <span class="o_wslides_arrow">New Content</span> + </xpath> +</template> + +<template id='slides_home_achievements_small' name="Users"> + <t class="o_wslides_home_aside"> + </t> +</template> + +<template id="toggle_latest_achievements" inherit_id="website_slides.slides_home_achievements_small" active="True" customize_show="True" name='Display Achievements'> + <xpath expr="//t[hasclass('o_wslides_home_aside')]" position="inside"> + <div t-if="achievements"> + <div class="row o_wslides_home_aside_title"> + <div class="col"> + <h5 class="m-0">Latest achievements</h5> + <hr class="mt-2"/> + </div> + </div> + <div class="row"> + <div class="col"> + <t t-foreach="achievements" t-as="achievement"> + <t t-call="website_slides.achievement_card"/> + </t> + </div> + </div> + </div> + </xpath> +</template> + +<template id='achievement_card' name="Achivement Card"> + <div class="d-flex no-gutters mt8 align-items-center"> + <t t-call="website_slides.slides_misc_user_image"> + <t t-set="user" t-value="achievement.user_id"/> + </t> + <div style="line-height: 1.3"> + <span class="font-weight-bold" t-esc="achievement.user_id.name"/> achieved <span class="font-weight-bold" t-esc="achievement.badge_id.name"/> + </div> + </div> +</template> + +<template id='slides_home_users_small' name="Users"> + <div class="o_wslides_home_aside"> + </div> +</template> + +<template id="toggle_leaderboard" inherit_id="website_slides.slides_home_users_small" active="True" customize_show="True" name='Display Leaderboard'> + <xpath expr="//div[hasclass('o_wslides_home_aside')]" position="inside"> + <div class="row o_wslides_home_aside_title"> + <div class="col"> + <a href="/profile/users" class="float-right">View all</a> + <h5 class="m-0">Leaderboard</h5> + <hr class="mt-2 pt-2"/> + </div> + </div> + <div class="row"> + <t t-if="users"> + <div class="col"> + <t t-set="counter" t-value="1"/> + <t t-foreach="users" t-as="user"> + <t t-call="website_slides.user_quickkarma_card"/> + <t t-set="counter" t-value="counter + 1"/> + </t> + </div> + </t> + <t t-else=""><p class="col mt8">No leaderboard currently :(</p></t> + </div> + </xpath> +</template> + +<template id='user_quickkarma_card' name="User QuickKarma Card"> + <div class="d-flex mb-3 align-items-center"> + <b class="mr-2 text-muted" t-esc="counter"/> + <t t-call="website_slides.slides_misc_user_image"/> + <div style="line-height:1.3"> + <span class="font-weight-bold" t-esc="user.name"/> + <div class="d-flex align-items-center"> + <t t-esc="user.rank_id.name"/> + <span class="text-500 mx-2">•</span> + <span class="badge badge-success"><t t-esc="user.karma"/> xp</span> + </div> + </div> + </div> +</template> + +<template id='slides_home_user_profile_small' name="User Profile"> + <div class="o_wslides_home_aside"> + <div t-if="user.rank_id" class="d-flex align-items-center"> + <span class="font-weight-bold text-muted mr-2">Current rank:</span> + <img t-att-src="website.image_url(user.rank_id, 'image_128')" width="16" height="16" alt="" class="o_object_fit_cover mr-1"/> + <a href="/profile/ranks_badges" t-field="user.rank_id"/> + </div> + <t t-set="next_rank_id" t-value="user._get_next_rank()"/> + <div t-if="next_rank_id" class="font-weight-bold text-muted mt-1">Next rank:</div> + <t t-if="next_rank_id or user.rank_id" t-call="website_profile.profile_next_rank_card"> + <t t-set="bg_class" t-valuef="bg-200"/> + <t t-set="img_max_width" t-valuef="50%"/> + </t> + <div t-if="next_rank_id" t-field="next_rank_id.description_motivational"/> + <div t-else="">Congratulations, you have reached the last rank!</div> + </div> +</template> + +<template id='slides_home_user_achievements_small' name="User Achievements"> + <div class="o_wslides_home_aside flex-grow-1"> + <div class="row o_wslides_home_aside_title"> + <div class="col"> + <a href="/profile/ranks_badges?badge_category=slides" class="float-right">View all</a> + <h5 class="m-0">Badges</h5> + <hr class="mt-2 pt-2"/> + </div> + </div> + <t t-foreach="challenges" t-as="challenge"> + <t t-set="challenge_done" t-value="challenge in challenges_done if challenges_done else False"/> + <div t-attf-class="d-flex mb-3 align-items-center #{'o_wslides_entry_muted' if not challenge_done else ''}"> + <img class="mr-2" + style="max-height: 36px;" + t-att-src="website.image_url(challenge.reward_id, 'image_128') if challenge.reward_id.image_1920 else + '/website_profile/static/src/img/badge_%s.svg' % (challenge.reward_id.level)" + t-att-alt="challenge.reward_id.name"/> + <div class="flex-grow-1"> + <b class="text_small_caps" t-esc="challenge.reward_id.name"/><br/> + <span class="text-muted" t-esc="challenge.reward_id.description"/> + </div> + <i t-if="challenge_done" class="fa fa-check h5 text-success" aria-label="Done" title="Done" role="img"></i> + </div> + </t> + </div> +</template> + +<template id='slides_misc_user_image' name="User Avatar"> + <img t-att-class="img_class if img_class else 'rounded-circle float-left'" + t-att-style="img_style if img_style else 'width: 32px; height: 32px; object-fit: cover;'" + t-att-src="'/profile/avatar/%s?field=image_128' % user.id" + t-att-alt="user.name"/> +</template> +</data></odoo> diff --git a/addons/website_slides/views/website_slides_templates_lesson.xml b/addons/website_slides/views/website_slides_templates_lesson.xml new file mode 100644 index 00000000..a8e9ad2a --- /dev/null +++ b/addons/website_slides/views/website_slides_templates_lesson.xml @@ -0,0 +1,563 @@ +<?xml version="1.0" ?> +<odoo><data> + +<!-- Slide: main template: detailed view --> +<template id="slide_main" name="Slide Detailed View" track="1"> + <t t-set="body_classname" t-value="'o_wslides_body'"/> + <t t-call="website.layout"> + <div id="wrap" class="wrap o_wslides_wrap"> + <div class="o_wslides_lesson_header o_wslides_gradient position-relative text-white pb-0 pt-2 pt-md-5"> + <t t-call="website_slides.course_nav"> + <t t-set="channel" t-value="slide.channel_id"/> + </t> + <div class="container o_wslides_lesson_header_container mt-5 mt-md-3 mt-xl-4"> + <div class="row align-items-end align-items-md-stretch"> + <div t-attf-class="col-12 col-lg-9 d-flex flex-column #{'offset-lg-3' if slide.channel_id.channel_type == 'training' else ''}"> + <h2 class="font-weight-medium w-100"> + <a t-att-href="'/slides/%s' % (slug(slide.channel_id))" class="text-white text-decoration-none" t-field="slide.channel_id.name"/> + <t t-if="slide.channel_id.completed"> + <small><span class="badge badge-pill badge-success pull-right my-1 py-1 px-2 font-weight-normal"><i class="fa fa-check"/> Completed</span></small> + </t> + </h2> + + <div t-if="slide.channel_id.channel_type == 'documentation'" class="mb-3 small"> + <span class="font-weight-normal">Last update:</span> + <t t-esc="slide.date_published" t-options="{'widget': 'date'}"/> + </div> + + <div t-else="" t-if="not slide.channel_id.completed" class="d-flex align-items-center pb-3"> + <div class="progress w-50 bg-black-25" style="height: 10px;"> + <div class="progress-bar rounded-left" role="progressbar" + t-att-aria-valuenow="slide.channel_id.completion" aria-valuemin="0" aria-valuemax="100" + t-attf-style="width: #{slide.channel_id.completion}%;"> + </div> + </div> + <i t-att-class="'fa fa-trophy m-0 ml-2 p-0 %s' % ('text-warning' if slide.channel_id.completed else 'text-black-50')"></i> + <small class="ml-2 text-white-50"><t t-esc="slide.channel_id.completion"/> %</small> + </div> + </div> + </div> + </div> + </div> + <div class="container o_wslides_lesson_main"> + <div class="row"> + <div t-attf-class="o_wslides_lesson_aside col-lg-3 #{'order-2' if slide.channel_id.channel_type == 'documentation' else ''}"> + <t t-if="slide.channel_id.channel_type == 'training'" t-call="website_slides.slide_aside_training"/> + <t t-if="slide.channel_id.channel_type == 'documentation'" t-call="website_slides.slide_aside_documentation"/> + </div> + <div t-attf-class="o_wslides_lesson_content col-lg-9 #{'order-1' if slide.channel_id.channel_type == 'documentation' else ''}"> + <t t-call="website_slides.slide_content_detailed"/> + </div> + </div> + </div> + </div> + </t> +</template> + +<!-- Slide: sidebar documentation mode --> +<template id="slide_aside_documentation" name="Slide: Sidebar in Documentation"> + <div class="o_wslides_lesson_aside_doc position-relative bg-white pb-1 my-3 border-bottom"> + <ul class="nav nav-tabs nav-fill" role="tablist"> + <li class="nav-item"><a aria-controls="related" href="#related" class="nav-link rounded-0 border-top-0 border-left-0 py-2 active" data-toggle="tab">Related</a></li> + <li class="nav-item"><a aria-controls="most_viewed" href="#most_viewed" class="nav-link rounded-0 border-top-0 border-right-0 py-2" data-toggle="tab">Most Viewed</a></li> + </ul> + <div class="tab-content"> + <div role="tabpanel" id="related" class="tab-pane active bg-100"> + <ul class="list-group list-group-flush"> + <t t-set="related_slides_list" t-value="list(related_slides)"/> + <t t-if="not related_slides_list"> + No presentation available. + </t> + <t t-else="" t-foreach="related_slides_list" t-as="aside_slide"> + <t t-call="website_slides.slide_aside_card"/> + </t> + </ul> + </div> + <div role="tabpanel" id="most_viewed" class="tab-pane bg-100"> + <ul class="list-group list-group-flush"> + <t t-set="most_viewed_slides_list" t-value="list(most_viewed_slides)"/> + <t t-if="not list(most_viewed_slides_list)"> + No presentation available. + </t> + <t t-else="" t-foreach="most_viewed_slides_list" t-as="aside_slide"> + <t t-call="website_slides.slide_aside_card"/> + </t> + </ul> + </div> + </div> + </div> +</template> + +<!-- Slide sub-template: display an item in a list of related slides (Related, Most Viewed, ...) --> +<template id="slide_aside_card" name="Related Slide"> + <a class="list-group-item list-group-item-action d-flex align-items-start px-2" t-att-href="'/slides/slide/%s' % (slug(aside_slide))"> + <t t-set="slide_image" t-value="website.image_url(aside_slide, 'image_1024')"/> + + <div t-if="aside_slide.image_1024" class="flex-shrink-0 mr-1 border" t-attf-style="width: 20%; padding-top: 20%; background-image: url(#{slide_image}); background-size: cover; background-position:center"/> + <div t-else="" class="o_wslides_gradient flex-shrink-0 mr-1" t-attf-style="width: 20%; padding-top: 20%;"/> + <div class="overflow-hidden d-flex flex-column justify-content-start"> + <h6 t-esc="aside_slide.name" class="o_wslides_desc_truncate_2 mb-1" style="line-height: 1.15"/> + <small class="text-600"> + <t t-esc="aside_slide.total_views"/> Views • <timeago class="timeago" t-att-datetime="aside_slide.create_date"></timeago> + </small> + </div> + </a> +</template> + +<!-- Slide: sidebar training mode --> +<template id="slide_aside_training" name="Slide: Sidebar in Training"> + <div class="o_wslides_lesson_aside_list position-relative bg-white border-bottom mt-4"> + <div class="bg-100 text-600 h6 my-0 text-decoration-none border-bottom d-flex align-items-center justify-content-between"> + <span class="p-2">Course content</span> + <a href="#collapse_slide_aside" data-toggle="collapse" class="d-lg-none p-2 text-decoration-none o_wslides_lesson_aside_collapse"> + <i class="fa fa-chevron-down d-lg-none"/> + </a> + </div> + <ul id="collapse_slide_aside" class="list-unstyled my-0 pb-3 collapse d-lg-block"> + <t t-set="i" t-value="0"/> + <t t-if="category.get('slides')" t-foreach="category_data" t-as="category"> + <t t-call="website_slides.slide_aside_training_category"> + <t t-set="category_slide_ids" t-value="category['slides']"/> + </t> + </t> + </ul> + </div> +</template> + +<template id="slide_aside_training_category" name="Category item for the slide detailed view list"> + <t t-if="category" t-set="category" t-value="category.get('category')"/> + <li class="o_wslides_fs_sidebar_section mt-2"> + <a t-att-href="('#collapse-%s') % (category.id if category else 0)" data-toggle="collapse" role="button" aria-expanded="true" + class="o_wslides_lesson_aside_list_link pl-2 text-600 text-uppercase text-decoration-none py-1 small d-block" + t-att-aria-controls="('collapse-%s') % (category.id if category else 0)"> + <t t-if="category"> + <b t-field="category.name"/> + </t> + <t t-else=""> + <b>Uncategorized</b> + </t> + </a> + <ul class="collapse show p-0 m-0 list-unstyled" t-att-id="('collapse-%s') % (category.id if category else 0)" > + <t t-foreach="category_slide_ids" t-as="aside_slide"> + <t t-set="slide_completed" t-value="channel_progress[aside_slide.id].get('completed')"/> + <t t-set="is_member" t-value="slide.channel_id.is_member"/> + <t t-set="can_access" t-value="aside_slide.is_preview or is_member or slide.channel_id.can_publish"/> + <li class="p-0 pb-1"> + <a t-att-href="'/slides/slide/%s' % (slug(aside_slide)) if can_access else '#'" + t-att-class="'o_wslides_lesson_aside_list_link d-flex align-items-top px-2 pt-1 text-decoration-none %s%s' % (('bg-100 py-1 active' if aside_slide == slide else ''), 'text-muted' if not can_access else '')"> + <div t-if="is_member" > + <i t-att-id="'o_wslides_lesson_aside_slide_check_%s' % (aside_slide.id)" + t-att-class="'mr-1 fa fa-fw %s' % ('text-success fa-check-circle' if channel_progress[aside_slide.id].get('completed') else 'text-600 fa-circle')"> + </i> + </div> + <div class="o_wslides_lesson_link_name"> + <t t-call="website_slides.slide_icon"> + <t t-set="slide" t-value="aside_slide"/> + </t> + <span t-esc="aside_slide.name" class="mr-2"/> + </div> + <div class="ml-auto" t-if="aside_slide.question_ids"> + <span t-att-class="'badge badge-pill %s' % ('badge-success' if channel_progress[aside_slide.id].get('completed') else 'badge-light text-600')"> + <t t-esc="channel_progress[aside_slide.id].get('quiz_karma_won') if channel_progress[aside_slide.id].get('completed') else channel_progress[aside_slide.id].get('quiz_karma_gain')"/> xp + </span> + </div> + </a> + <ul t-if="aside_slide.link_ids or aside_slide.slide_resource_ids or aside_slide.question_ids" class="list-group px-2 mb-1 list-unstyled"> + <t t-foreach="aside_slide.link_ids" t-as="resource"> + <li class="pl-4"> + <a t-if="can_access" t-att-href="resource.link" target="new" class="text-decoration-none small"> + <i class="fa fa-link mr-1"/><span t-field="resource.name"/> + </a> + <span t-else="" class="text-decoration-none text-muted small"> + <i class="fa fa-link mr-1"/><span t-field="resource.name"/> + </span> + </li> + </t> + <div class="o_wslides_js_course_join pl-4" t-if="aside_slide.slide_resource_ids"> + <t t-if="is_member or aside_slide.channel_id.can_publish"> + <li t-foreach="aside_slide.slide_resource_ids" t-as="resource"> + <a t-attf-href="/web/content/slide.slide.resource/#{resource.id}/data?download=true" class="text-decoration-none small"> + <i class="fa fa-download mr-1"/><span t-field="resource.name"/> + </a> + </li> + </t> + <li t-elif="aside_slide.channel_id.enroll == 'public'" class="text-decoration-none small"> + <i class="fa fa-download mr-1"/> + <t t-call="website_slides.join_course_link"/> + </li> + </div> + <li class="pl-4"> + <a t-if="can_access and aside_slide.question_ids and aside_slide.slide_type != 'quiz'" t-att-href="'/slides/slide/%s#lessonQuiz' % (slug(aside_slide))" class="o_wslides_lesson_aside_list_link text-decoration-none small text-600"> + <i class="fa fa-flag text-warning"/> Quiz + </a> + <span t-elif="not can_access and aside_slide.question_ids and aside_slide.slide_type != 'quiz'" + class="o_wslides_lesson_aside_list_link text-decoration-none small text-600 text-muted"> + <i class="fa fa-flag text-warning"/> Quiz + </span> + </li> + </ul> + </li> + </t> + </ul> + </li> +</template> + +<!-- Slide: all its content, not fullscreen mode --> +<template id="slide_content_detailed" name="Slide: Detailed Content"> + <t t-set="is_training_channel" t-value="slide.channel_id.channel_type == 'training'"/> + <div class="row align-items-center my-3"> + <div class="col-12 col-md order-2 order-md-1 d-flex"> + <div class="d-flex align-items-center"> + <h1 class="h4 my-0"> + <t t-call="website_slides.slide_icon"> + <t t-set="icon_class" t-valuef="mr-1"/> + </t> + <span t-field="slide.name"/> + </h1> + <span t-if="slide.question_ids" + t-att-class="'ml-2 badge %s' % ('badge-success' if channel_progress[slide.id].get('completed') else 'badge-info')"> + <span t-if="channel_progress[slide.id].get('completed')"> + <i class="fa fa-check-circle"/> + <t t-esc="channel_progress[slide.id].get('quiz_karma_won', 0)"/> + </span> + <span t-else="" t-esc="channel_progress[slide.id].get('quiz_karma_gain', 0)"/> + <span>XP</span> + </span> + </div> + </div> + <div class="col-12 col-md order-1 order-md-2 text-nowrap flex-grow-0 d-flex justify-content-end mb-3 mb-md-0"> + <div class="btn-group flex-grow-1 flex-sm-0" role="group" aria-label="Lesson Nav"> + <a t-att-class="'btn btn-light border %s' % ('disabled' if not previous_slide else '')" + role="button" t-att-aria-disabled="'disabled' if not previous_slide else None" + t-att-href="'/slides/slide/%s' % (slug(previous_slide)) if previous_slide else '#'"> + <i class="fa fa-chevron-left mr-2"></i> <span class="d-none d-sm-inline-block">Prev</span> + </a> + <t t-set="allow_done_btn" t-value="slide.slide_type in ['infographic', 'presentation', 'document', 'webpage', 'video'] and not slide.question_ids and not channel_progress[slide.id].get('completed') and slide.channel_id.is_member"/> + <a t-att-class="'btn btn-primary border text-white %s' % ('disabled' if not allow_done_btn else '')" + role="button" t-att-aria-disabled="'true' if not allow_done_btn else None" + t-att-href="'/slides/slide/%s/set_completed?%s' % (slide.id, 'next_slide_id=%s' % (next_slide.id) if next_slide else '') if allow_done_btn else '#'"> + Set Done + </a> + <a t-att-class="'btn btn-light border %s' % ('disabled' if not next_slide else '')" + role="button" t-att-aria-disabled="'disabled' if not next_slide else None" + t-att-href="'/slides/slide/%s' % (slug(next_slide)) if next_slide else '#'"> + <span class="d-none d-sm-inline-block">Next</span> <i class="fa fa-chevron-right ml-2"></i> + </a> + </div> + <a t-if="is_training_channel" class="btn btn-light border ml-2" role="button" t-att-href="'/slides/slide/%s?fullscreen=1' % (slug(slide))"> + <i class="fa fa-desktop mr-2"/> + <span class="d-none d-sm-inline-block">Fullscreen</span> + </a> + </div> + </div> + <div t-if="slide.tag_ids" class="pb-2"> + <t t-foreach="slide.tag_ids" t-as="tag"> + <a t-att-href="'/slides/%s/tag/%s' % (slug(slide.channel_id), slug(tag))" class="badge badge-info py-1 px-2" t-esc="tag.name"/> + </t> + </div> + <div class="o_wslides_lesson_content_type"> + <img t-if="slide.slide_type == 'infographic'" + t-att-src="website.image_url(slide, 'image_1024')" class="img-fluid" style="width:100%" t-att-alt="slide.name"/> + <div t-if="slide.slide_type in ('presentation', 'document')" class="embed-responsive embed-responsive-4by3 embed-responsive-item mb8" style="height: 600px;"> + <t t-raw="slide.embed_code"/> + </div> + <div t-if="slide.slide_type == 'video' and slide.document_id" class="embed-responsive embed-responsive-16by9 embed-responsive-item mb8"> + <t t-raw="slide.embed_code"/> + </div> + <div t-if="slide.slide_type == 'webpage'" class="bg-white p-3"> + <div t-field="slide.html_content"/> + </div> + </div> + + <div class="mb-5"> + <ul class="nav nav-tabs o_wslides_lesson_nav" role="tablist"> + <li class="nav-item"> + <a href="#about" aria-controls="about" class="nav-link active" role="tab" data-toggle="tab"> + <i class="fa fa-home"></i> About + </a> + </li> + <li t-if="slide.channel_id.allow_comment" class="nav-item"> + <a href="#discuss" aria-controls="discuss" class="nav-link" role="tab" data-toggle="tab"> + <i class="fa fa-comments"></i> Comments (<span t-esc="slide.comments_count"/>) + </a> + </li> + <li class="nav-item"> + <a href="#statistic" aria-controls="statistic" class="nav-link" role="tab" data-toggle="tab"> + <i class="fa fa-bar-chart"></i> Statistics + </a> + </li> + <li class="nav-item"> + <a href="#share" aria-controls="share" class="nav-link" role="tab" data-toggle="tab"> + <i class="fa fa-share-alt"></i> Share + </a> + </li> + </ul> + <div class="tab-content mt-3"> + <div role="tabpanel" t-att-class="not comments and 'tab-pane fade in show active' or 'tab-pane fade'" id="about"> + <div t-field="slide.description"/> + </div> + <div role="tabpanel" t-att-class="comments and 'tab-pane fade in show active' or 'tab-pane fade'" id="discuss"> + <t t-call="portal.message_thread"> + <t t-set="object" t-value="slide"/> + <t t-set="disable_composer" t-value="not (slide.channel_id.can_comment and slide.channel_id.allow_comment and slide.channel_id.channel_type == 'training')"/> + <t t-set="display_rating" t-value="False"/> + </t> + </div> + <div role="tabpanel" class="tab-pane fade" id="statistic" t-att-slide-url="slide.website_url"> + <div class="row"> + <div class="col-12 col-md"> + <table class="table table-sm"> + <tbody> + <tr> + <th colspan="2" class="border-top-0">Views</th> + </tr> + <tr class="border-top-0"> + <th class="border-top-0"><span t-esc="slide.total_views"/></th> + <td class="border-top-0 w-100">Total Views</td> + </tr> + <tr> + <th><span t-esc="slide.slide_views"/></th> + <td>Members Views</td> + </tr> + <tr> + <th><span t-esc="slide.public_views"/></th> + <td>Public Views</td> + </tr> + </tbody> + </table> + </div> + <div t-if="slide.channel_id.allow_comment" class="col-12 col-md"> + <table class="table table-sm"> + <tbody> + <tr> + <th colspan="2" class="border-top-0">Actions</th> + </tr> + <tr class="border-top-0"> + <th class="border-top-0"><span t-esc="slide.likes"/></th> + <td class="border-top-0 w-100">Likes</td> + </tr> + <tr> + <th><span t-esc="slide.dislikes"/></th> + <td>Dislikes</td> + </tr> + <tr> + <th><span t-esc="len(slide.website_message_ids)"/></th> + <td>Comments</td> + </tr> + </tbody> + </table> + </div> + </div> + </div> + <div role="tabpanel" class="tab-pane fade" t-if="slide.website_published" id="share"> + <h4 t-if="not slide.website_published"><i class="fa fa-info-circle"></i> + The social sharing module will be unlocked when a moderator will allow your publication. + </h4> + <t t-if="slide.website_published"> + <div class="row"> + <div class="col-12 col-lg-6"> + <h5 class="mt16">Share on Social Networks</h5> + <t t-call="website_slides.slide_share_social"> + <t t-set="record" t-value="slide"/> + </t> + </div> + <div class="col-12 col-lg-6"> + <t t-call="website_slides.slide_share_link"> + <t t-set="record" t-value="slide"/> + <t t-set="website_url" t-value="slide.website_url"/> + </t> + </div> + </div> + <div class="row"> + <div t-attf-class="col-12 #{'col-lg-6' if slide.embed_code else ''}"> + <t t-call="website_slides.slide_social_email"> + <t t-set="slide" t-value="slide"/> + </t> + </div> + <div class="col-12 col-lg-6" t-if="slide.embed_code"> + <t t-call="website_slides.slide_social_embed"> + <t t-set="slide" t-value="slide"/> + </t> + </div> + </div> + </t> + </div> + </div> + </div> + <div class="o_wslides_js_quiz_container" t-att-data-slide-id="slide.id"> + <div class="row" t-if="slide.slide_type != 'certification'"> + <t t-if="slide.question_ids"> + <t t-call="website_slides.lesson_content_quiz"/> + </t> + <div t-else="" class="o_wslides_js_lesson_quiz col" t-att-data-id="slide.id"> + <t t-if="slide.channel_id.can_upload" t-call="website_slides.lesson_content_quiz_add_buttons"/> + </div> + </div> + </div> + <div class="row mt-3 mb-3"> + <div class="col-12 col-md d-flex align-items-start mb-4 mb-md-0" t-if="len(slide.link_ids)"> + <span t-if="slide.link_ids" class="text-muted font-weight-bold mr-3">External sources</span> + <div class="text-muted mr-auto border-left pl-3"> + <t t-foreach="slide.link_ids" t-as="link"> + <a t-att-href="link.link" t-esc="link.name"/><br /> + </t> + </div> + </div> + <div class="col-12 col-md d-flex align-items-start mb-4 mb-md-0 o_wslides_js_course_join" t-if="len(slide.slide_resource_ids)"> + <span t-if="slide.channel_id.is_member or slide.channel_id.can_publish or slide.is_preview or slide.channel_id.enroll in ['private', 'payment']" class="text-muted font-weight-bold mr-3"> + Additional Resources + </span> + <div t-if="slide.channel_id.is_member or slide.channel_id.can_publish" class="text-muted mr-auto border-left pl-3"> + <t t-foreach="slide.slide_resource_ids" t-as="resource"> + <a t-attf-href="/web/content/slide.slide.resource/#{resource.id}/data?download=true" t-esc="resource.name"/><br /> + </t> + </div> + <div t-elif="slide.channel_id.enroll == 'public'" class="text-muted mr-auto border-left pl-3"> + <t t-call="website_slides.join_course_link"/> + </div> + </div> + <div t-if="slide.channel_id.allow_comment and slide.channel_id.channel_type == 'documentation'" + class="col-12 col-md d-flex align-items-start justify-content-md-end mb-2 mb-md-0"> + <span class="text-muted font-weight-bold mr-3">Rating</span> + <div class="text-muted border-left pl-3"> + <div class="o_wslides_js_slide_like mr-2"> + <span t-att-class="('o_wslides_js_slide_like_up %s') % ('disabled' if not slide.channel_id.can_vote else '')" tabindex="0" data-toggle="popover" t-att-data-slide-id="slide.id"> + <i class="fa fa-thumbs-up fa-1x" role="img" aria-label="Likes" title="Likes"></i> + <span t-esc="slide.likes"/> + </span> + <span t-att-class="('o_wslides_js_slide_like_down ml-3 %s') % ('disabled' if not slide.channel_id.can_vote else '')" tabindex="0" data-toggle="popover" t-att-data-slide-id="slide.id"> + <i class="fa fa-thumbs-down fa-1x" role="img" aria-label="Dislikes" title="Dislikes"></i> + <span t-esc="slide.dislikes"/> + </span> + </div> + </div> + </div> + </div> +</template> + +<!-- Slide sub-tempalte: render a quiz serverside. Should be sync with JS qweb template "slide.slide.quiz" --> +<template id="lesson_content_quiz" name="Lesson: Quiz specific content"> + <t t-set="slide_completed" t-value="channel_progress[slide.id].get('completed')"/> + <div class="o_wslides_js_lesson_quiz col" id="lessonQuiz" + t-att-data-id="slide.id" + t-att-data-name="slide.name" + t-att-data-slide-type="slide.slide_type" + t-att-data-is-member="slide.channel_id.is_member" + t-att-data-completed="1 if slide_completed else 0" + t-att-data-quiz-attempts-count="quiz_attempts_count" + t-att-data-quiz-karma-max="quiz_karma_max" + t-att-data-quiz-karma-gain="quiz_karma_gain" + t-att-data-quiz-karma-won="quiz_karma_won" + t-att-data-has-next="1 if next_slide else 0" + t-att-data-next-slide-url="'/slides/slide/%s' % (slug(next_slide)) if next_slide else None" + t-att-data-channel-id="slide.channel_id.id" + t-att-data-channel-enroll="slide.channel_id.enroll" + t-att-data-channel-requested-access="slide.channel_id.has_requested_access" + t-att-data-channel-can-upload="slide.channel_id.can_upload" + t-att-data-signup-allowed="signup_allowed" + t-att-data-session-answers="session_answers"> + <t t-foreach="slide_questions" t-as="question"> + <t t-call="website_slides.lesson_content_quiz_question"/> + </t> + <t t-if="slide.channel_id.can_upload" t-call="website_slides.lesson_content_quiz_add_buttons"/> + <div class="o_wslides_js_lesson_quiz_validation pt-3"/> + </div> +</template> + +<template id="lesson_content_quiz_question" name="Lesson: Quiz question template"> + <div t-att-class="'o_wslides_js_lesson_quiz_question mt-3 %s' % ('completed-disabled' if slide_completed else ('disabled' if not (slide.channel_id.is_member or slide.is_preview) else ''))" + t-att-data-question-id="question['id']" t-att-data-title="question['question']" > + <div class="row d-flex mb-2 mx-0"> + <div class="h4"> + <small class="text-muted"> + <i class="o_wslides_js_quiz_icon o_wslides_js_quiz_sequence_handler fa fa-bars mr-1 text-muted" t-if="slide.channel_id.can_upload and not slide_completed" /> + <t t-if="question_index != NoneType"><span class="o_wslides_quiz_question_sequence" t-esc="question_index+1"/>.</t> + <t t-else=""><span class="o_wslides_quiz_question_sequence" t-esc="question['sequence']"/>.</t> + </small> + <span t-esc="question['question']"/> + </div> + <div class="ml-auto o_wslides_js_quiz_edit_del" t-if="slide.channel_id.can_upload and not slide_completed" > + <i class="o_wslides_js_quiz_icon o_wslides_js_quiz_edit_question fa fa-pencil-square-o p-1 text-muted"></i> + <i class="o_wslides_js_quiz_icon o_wslides_js_quiz_delete_question fa fa-trash p-1 text-muted"></i> + </div> + </div> + <div class="list-group"> + <t t-foreach="question['answer_ids']" t-as="answer"> + <a t-att-data-answer-id="answer['id']" href="#" + t-att-data-text="answer['text_value']" t-att-data-is-correct="answer['is_correct']" t-att-data-comment="answer['comment']" + t-att-class="'o_wslides_quiz_answer list-group-item list-group-item-action d-flex align-items-center %s' % ('list-group-item-success' if slide_completed and answer['is_correct'] else '')"> + <label class="my-0 d-flex align-items-center justify-content-center mr-2"> + <input type="radio" + t-att-name="question['id']" + t-att-value="answer['id']" + class="d-none" + t-att-disabled="True if not slide.channel_id.is_member or slide_completed else ''"/> + <i t-att-class="'fa fa-circle text-400 %s' % ('d-none' if slide_completed and answer['is_correct'] else '')"/> + <i class="fa fa-times-circle text-danger d-none"></i> + <i t-att-class="'fa fa-check-circle text-success %s' % ('d-none' if not (slide_completed and answer['is_correct']) else '')"></i> + </label> + <span t-esc="answer['text_value']"/> + </a> + </t> + <div class="o_wslides_quiz_answer_info list-group-item list-group-item-info d-none"> + <i class="fa fa-info-circle"/> + <span class="o_wslides_quiz_answer_comment"/> + </div> + </div> + </div> +</template> + +<template id="lesson_content_quiz_add_buttons" name="Lesson: Quiz Add Buttons template"> + <div class="o_wslides_js_lesson_quiz_new_question row mt-3"> + <a t-attf-class="o_wslides_js_quiz_add o_wslides_js_quiz_add_quiz btn btn-light border ml-3 #{'d-none ' if slide.question_ids else ''}" role="button"> + <i class="fa fa-plus mr-2"/> + <span>Add Quiz</span> + </a> + <a t-attf-class="o_wslides_js_quiz_add o_wslides_js_quiz_add_question btn btn-light border ml-3 #{'' if slide.question_ids else 'd-none '}" role="button"> + <i class="fa fa-plus mr-2"/> + <span>Add Question</span> + </a> + </div> +</template> + +<!-- Slide sub-template: share: send by email --> +<template id='slide_social_email' name="Share by Email"> + <h5 class="mt-4">Share by mail</h5> + <div t-if="not is_public_user" class="form-inline"> + <form class="form-group oe_slide_js_share_email" role="form"> + <div class="input-group"> + <input type="email" class="form-control" placeholder="your-friend@domain.com"/> + <span class="input-group-append"> + <button class="btn btn-primary" type="button" + data-loading-text="Sending..." + t-attf-data-slide-id="#{slide.id}" + style="border-top-right-radius: 4px;border-bottom-right-radius: 4px;"> + <i class="fa fa-envelope"/> Send Email + </button> + </span> + </div> + <span class="form-text text-muted d-block w-100">Send presentation through email</span> + </form> + </div> + <div t-if="is_public_user" class="alert alert-info d-inline-block"> + <p class="mb-0">Please <a t-attf-href="/web?redirect=#{request.httprequest.url}" class="font-weight-bold"> login </a> to share this <t t-esc="slide.slide_type"/> by email.</p> + </div> +</template> + +<!-- Slide sub-template: share: embed in your website --> +<template id="slide_social_embed" name="Share on Your Website"> + <div class="oe_slide_js_embed_code_widget mt-4"> + <h5 class="mt0">Embed in your website</h5> + <div class="form-group"> + <textarea class="form-control slide_embed_code" readonly="readonly" onClick="this.select();"><t t-esc="slide.embed_code"/></textarea> + </div> + <div class="form-group d-flex" t-if="slide.slide_type in ('presentation', 'document')"> + <div class="form-text p-0 col-xs-5 col-sm-5 col-md-5 col-lg-5">Select page to start with</div> + <div class="input-group col-xs-3 col-sm-2 col-md-2 col-lg-3"> + <input type="number" value="1" class="form-control"/> + </div> + </div> + </div> +</template> + +</data></odoo> diff --git a/addons/website_slides/views/website_slides_templates_lesson_embed.xml b/addons/website_slides/views/website_slides_templates_lesson_embed.xml new file mode 100644 index 00000000..cea80e38 --- /dev/null +++ b/addons/website_slides/views/website_slides_templates_lesson_embed.xml @@ -0,0 +1,164 @@ +<?xml version="1.0" ?> +<odoo> + <data> + <!-- + This template is the PDF Viewer. It will mostly rendered throught an iFrame. + The js file to bind event is slides_embed.js + --> + <template id="embed_slide" name="Embedded Slide Page"> + <html> + <head> + <title><t t-esc="slide.name"/></title> + <t t-call-assets="web.assets_common" t-js="false"/> + <t t-call-assets="website_slides.slide_embed_assets" t-js="false"/> + <t t-call-assets="web.assets_common" t-css="false"/> + <t t-call-assets="website_slides.slide_embed_assets" t-css="false"/> + </head> + <body> + <div id="PDFViewer" class="o_wslides_fs_pdf_viewer d-flex flex-column h-100"> + <!-- PDF Viewer Header : contains the name, and the share links --> + <div t-if="is_embedded" class="oe_slides_share_bar"> + <div class="container-fluid"> + <div class="row align-items-center"> + <div class="col"> + <div class="oe_slides_ellipsis"> + <a target="_new" t-att-href="slide.website_url"> + <span t-esc="slide.name" t-att-title="slide.name"/> + </a> + </div> + </div> + <div class="col flex-grow-0 d-flex text-nowrap small"> + <a href="#" class="oe_slide_js_embed_option_link" data-slide-option-id="#slide_share"><i class="fa fa-share-alt"/> Share</a> + <a href="#" class="oe_slide_js_embed_option_link mx-4" data-slide-option-id="#slide_email"><i class="fa fa-envelope"/> Email</a> + <a href="#" class="oe_slide_js_embed_option_link" data-slide-option-id="#slide_embed"><i class="fa fa-code"/> Embed</a> + </div> + </div> + </div> + </div> + <!-- PDF Viewer Body : contains the canvas, the loader, or the image--> + <div id="PDFSlideViewer" class="d-flex align-items-start position-relative flex-grow-1 overflow-auto" style="height: 0;" + t-attf-data-slideid="#{slide.id}" + t-attf-data-slideurl="/slides/slide/#{slug(slide)}/pdf_content" + t-attf-data-downloadable="#{False}" + t-att-data-defaultpage="page"> + <t t-if="is_embedded"> + <div id="slide_share" class="oe_slide_embed_option"> + <t t-call="website_slides.slide_share_modal"> + <t t-set="record" t-value="slide"/> + <t t-set="website_url" t-value="slide.channel_id.website_url"/> + </t> + </div> + <div id="slide_email" class="oe_slide_embed_option"> + <t t-call="website_slides.slide_social_email"/> + </div> + <div id="slide_embed" class="oe_slide_embed_option"> + <t t-call="website_slides.slide_social_embed"/> + </div> + </t> + <div id="slide_suggest" class="oe_slide_embed_option bg-300 container-fluid overflow-auto d-none"> + <div class="row"> + <t t-foreach="related_slides" t-as="suggest_slide"> + <div class="col-6 col-md-4 col-lg-3 oe_slides_suggestion_media"> + <div class="card mb-3"> + <a t-att-href="suggest_slide.website_url" target="_new" class="card-img-top embed-responsive embed-responsive-16by9"> + <img t-att-src="website.image_url(suggest_slide, 'image_1024')" class="card-img-top embed-responsive-item" t-att-alt="suggest_slide.name"/> + </a> + <div class="card-body"> + <h6 class="card-title"> + <a t-att-href="suggest_slide.website_url" target="_new"> + <t t-esc="suggest_slide.name"/> + </a> + </h6> + <div class="oe_slides_suggestion_caption"/> + </div> + </div> + </div> + </t> + </div> + </div> + <t t-if="slide.slide_type in ('presentation', 'document')"> + <div id="PDFViewerLoader" class="oe_slides_loader mt-3 mx-2 w-100"> + <div class="toast show mx-auto"> + <div class="toast-header"> + <i class="fa fa-circle-o-notch fa-spin mr-2"/><b>Loading...</b> + </div> + <div class="toast-body p-0"> + <img class="img-fluid w-100" t-att-src="website.image_url(slide, 'image_256')"/> + </div> + </div> + </div> + <canvas id="PDFViewerCanvas" class="mx-auto" style="display: none;"></canvas> + </t> + <t t-if="slide.slide_type == 'infographic'"> + <img t-att-src="website.image_url(slide, 'image_1024')" class="img-fluid" style="width: 100%" alt="Slide image"/> + </t> + </div> + <!-- Fixed bottom navbar --> + <div id="PDFViewerNav" class="pt-2 pb-2 bg-light text-white" role="navigation" t-if="slide.slide_type in ('presentation', 'document')"> + <div class="container-fluid oe_slides_panel_footer"> + <div class="row align-items-center"> + <div class="col-3 d-flex align-items-center"> + <div class="input-group input-group-sm flex-nowrap" style="max-width: 100px"> + <input type="number" class="form-control text-center" id="page_number" style="min-width: 60px"/> + <div class="input-group-append"> + <span class="input-group-text" id="page_count"/> + </div> + </div> + <a id="zoomout" href="#" class="text-decoration-none d-none d-sm-inline ml-2 mr-2" title="Zoom out" aria-label="Zoom out" role="button"> + <i class="fa fa-search-minus" /> + </a> + <a id="zoomin" href="#" class="text-decoration-none d-none d-sm-inline" title="Zoom in" aria-label="Zoom in" role="button"> + <i class="fa fa-search-plus" /> + </a> + </div> + <div class="col text-center"> + <a id="first" href="#" onclick="return false;" + class="text-decoration-none mr-1 mr-sm-2" title="First slide" + role="button" aria-label="First slide"> <i class="fa fa-step-backward"/> </a> + <a id="previous" href="#" onclick="return false;" + class="text-decoration-none mx-1 mx-sm-2" title="Previous slide" + aria-label="Previous slide" role="button"> <i class="fa fa-arrow-circle-left"/> </a> + <a id="next" href="#" onclick="return false;" + class="text-decoration-none mx-1 mx-sm-2" title="Next slide" + aria-label="Next slide" role="button"> <i class="fa fa-arrow-circle-right"/> </a> + <a id="last" href="#" onclick="return false;" + class="text-decoration-none mx-1 mx-sm-2" title="Last slide" + aria-label="Last slide" role="button"> <i class="fa fa-step-forward"/> </a> + <a t-if="slide.slide_resource_downloadable" id="download" t-attf-href="/web/content/slide.slide/#{slide.id}/datas?download=true" + class="text-decoration-none ml-1 ml-sm-2" title="Download Content" role="img" aria-label="Download"> + <i class="fa fa-download" /> + </a> + </div> + <div class="col-3 text-right flex-grow-0"> + <a id="fullscreen" href="#" onclick="return false;" + class="text-decoration-none ml-1 ml-sm-2" + title="View fullscreen" role="img" aria-label="Fullscreen"> + <i class="fa fa-arrows-alt"/> + </a> + </div> + </div> + </div> + </div> + </div> + </body> + </html> + </template> + + <!-- + Template render isntead of Embedded Slide, it this one is forbidden. + So, it will mostly be rendered throught an iFrame + --> + <template id="embed_slide_forbidden" name="Forbidden Embedded Slide"> + <html> + <head> + <t t-call-assets="website_slides.slide_embed_assets" t-js="false"/> + </head> + <body> + <div class="slide-private-view"> + <h3 style="border-bottom: 1px solid !important;padding-bottom: 10px;"><i class="fa fa-exclamation-triangle" role="img" aria-label="Attention" title="Attention"></i> This document is private.</h3> + </div> + </body> + </html> + </template> + </data> +</odoo> diff --git a/addons/website_slides/views/website_slides_templates_lesson_fullscreen.xml b/addons/website_slides/views/website_slides_templates_lesson_fullscreen.xml new file mode 100644 index 00000000..2fa732b2 --- /dev/null +++ b/addons/website_slides/views/website_slides_templates_lesson_fullscreen.xml @@ -0,0 +1,170 @@ +<?xml version="1.0" ?> +<odoo><data> + +<!-- Slide template for the fullscreen mode --> +<template id="slide_fullscreen" name="Fullscreen"> + <t t-set="head"> + <link rel="canonical" t-att-href="slide.website_url" /> + </t> + <t t-call="website.layout"> + <div class="o_wslides_fs_main d-flex flex-column font-weight-light" + t-att-data-channel-id="slide.channel_id.id" + t-att-data-channel-enroll="slide.channel_id.enroll" + t-att-data-signup-allowed="signup_allowed" + t-att-data-session-answers="session_answers"> + + <div class="o_wslides_slide_fs_header d-flex flex-shrink-0 text-white"> + <div class="d-flex"> + <a class="o_wslides_fs_toggle_sidebar d-flex align-items-center px-3" href="#" title="Lessons"> + <i class="fa fa-bars"/><span class="d-none d-md-inline-block ml-1">Lessons</span> + </a> + <a class="o_wslides_fs_review d-flex align-items-center px-3" t-att-href="slide.channel_id.website_url + '?active_tab=review'" title="Reviews" t-if="slide.channel_id.allow_comment"> + <i class="fa fa-pencil"/><span class="d-none d-md-inline-block ml-1">Write a review</span> + </a> + <a class="o_wslides_fs_share d-flex align-items-center px-3" href="#" title="Share"> + <i class="fa fa-share-alt"/><span class="d-none d-md-inline-block ml-1">Share</span> + </a> + </div> + <div class="d-flex ml-auto"> + <a class="d-flex align-items-center px-3 o_wslides_fs_exit_fullscreen" t-attf-href="/slides/slide/#{slug(slide)}"> + <i class="fa fa-sign-out"/><span class="d-none d-md-inline-block ml-1">Exit Fullscreen</span> + </a> + <a class="d-flex align-items-center px-3" t-attf-href="/slides/#{slug(slide.channel_id)}"> + <i class="fa fa-home"/><span class="d-none d-md-inline-block ml-1">Back to course</span> + </a> + </div> + </div> + + <div class="o_wslides_fs_container d-flex position-relative overflow-hidden flex-grow-1"> + <div class="o_wslides_fs_content align-items-stretch justify-content-center d-flex flex-grow-1 order-2"></div> + + <div class="o_wslides_fs_sidebar o_wslides_fs_sidebar_hidden text-white flex-shrink-0 order-1"> + <div class="o_wslides_fs_sidebar_content d-flex flex-column px-3 pt-3 h-100"> + <div class="o_wslides_fs_sidebar_header mb-3"> + <a class="h5 d-block mb-1" t-attf-href="/slides/#{slug(slide.channel_id)}"> + <span t-field="slide.channel_id.name"/> + </a> + <div t-if="not is_public_user" class="d-flex align-items-center"> + <t t-if="slide.channel_id.completed"> + <span class="badge badge-pill badge-success py-1 px-2" style="font-size: 1em"><i class="fa fa-check"/> Completed</span> + </t> + <t t-else=""> + <div class="progress flex-grow-1 bg-black-50" style="height: 6px;"> + <div class="progress-bar" role="progressbar" t-attf-style="width: #{slide.channel_id.completion}%" t-att-aria-valuenow="slide.channel_id.completion" aria-valuemin="0" aria-valuemax="100"></div> + </div> + <div class="ml-3 small"> + <span class="o_wslides_progress_percentage" t-esc="slide.channel_id.completion"/> % + </div> + </t> + </div> + </div> + <ul class="mx-n3 list-unstyled my-0 pb-2 overflow-auto"> + <t t-foreach="category_data" t-as="category"> + <t t-if="category.get('slides')"> + <t t-call="website_slides.slide_fullscreen_sidebar_category"> + <t t-set="slides" t-value="category['slides']"/> + <t t-set="current_slide" t-value="slide"/> + </t> + </t> + </t> + </ul> + </div> + <a href="#" class="o_wslides_fs_toggle_sidebar d-lg-none bg-black-50"/> + </div> + </div> + </div> + </t> +</template> + + +<template id="slide_fullscreen_sidebar_category" name="Slides category template for fullscreen view side bar"> + <t t-if="category" t-set="category" t-value="category.get('category')"/> + <li class="o_wslides_fs_sidebar_section py-2 px-3"> + <a t-if="category" class="text-uppercase text-500 py-1 small d-block" t-attf-id="category-collapse-#{category.id if category else 0}" data-toggle="collapse" role="button" aria-expanded="true" t-att-href="('#collapse-%s') % (category.id if category else 0)" t-attf-aria-controls="collapse-#{category.id if category else 0}"> + <b t-field="category.name"/> + </a> + <ul class="o_wslides_fs_sidebar_section_slides collapse show position-relative px-0 pb-1 my-0 mx-n3" t-att-id="('collapse-%s') % (category.id if category else 0)"> + <t t-foreach="slides" t-as="slide"> + <t t-set="slide_completed" t-value="channel_progress[slide.id].get('completed')"/> + <t t-set="is_member" t-value="current_slide.channel_id.is_member"/> + <t t-set="can_access" t-value="slide.is_preview or is_member or current_slide.channel_id.can_publish"/> + <li t-att-class="'o_wslides_fs_sidebar_list_item d-flex align-items-top py-1 %s' % ('active' if slide.id == current_slide.id else '')" + t-att-data-id="slide.id" + t-att-data-can-access="can_access" + t-att-data-name="slide.name" + t-att-data-type="slide.slide_type" + t-att-data-slug="slug(slide)" + t-att-data-has-question="1 if slide.question_ids else 0" + t-att-data-is-quiz="0" + t-att-data-completed="1 if slide_completed else 0" + t-att-data-embed-code="slide.embed_code if slide.slide_type in ['video', 'document', 'presentation', 'infographic'] else False" + t-att-data-is-member="is_member" + t-att-data-session-answers="session_answers"> + <span class="ml-3"> + <i t-if="slide_completed and is_member" class="o_wslides_slide_completed fa fa-check fa-fw text-success" t-att-data-slide-id="slide.id"/> + <i t-if="not slide_completed and is_member" class="fa fa-circle-thin fa-fw" t-att-data-slide-id="slide.id"/> + </span> + <div class="ml-2"> + <a t-if="can_access" class="d-block pt-1" href="#"> + <div class="d-flex "> + <t t-call="website_slides.slide_icon"/> + <div class="o_wslides_fs_slide_name" t-esc="slide.name"/> + </div> + </a> + <span t-else="" class="d-block pt-1" href="#"> + <div class="d-flex "> + <t t-set="icon_class" t-value="'mr-2 text-600'"/> + <t t-call="website_slides.slide_icon"/> + <div class="o_wslides_fs_slide_name text-600" t-esc="slide.name"/> + </div> + </span> + <ul class="list-unstyled w-100 pt-2 small" t-if="slide.link_ids or slide.slide_resource_ids or (slide.question_ids and not slide.slide_type =='quiz')" > + <li t-if="slide.link_ids" t-foreach="slide.link_ids" t-as="link" class="pl-0 mb-1"> + <a t-if="can_access" class="o_wslides_fs_slide_link" t-att-href="link.link" target="_blank"> + <i class="fa fa-link mr-2"/><span t-esc="link.name"/> + </a> + <span t-else="" class="o_wslides_fs_slide_link text-600"> + <i class="fa fa-link mr-2"/><span t-esc="link.name"/> + </span> + </li> + <div class="o_wslides_js_course_join pl-0" t-if="slide.slide_resource_ids"> + <t t-if="is_member or slide.channel_id.can_publish"> + <li t-foreach="slide.slide_resource_ids" t-as="resource" class="mb-1"> + <a class="o_wslides_fs_slide_link" t-attf-href="/web/content/slide.slide.resource/#{resource.id}/data?download=true"> + <i class="fa fa-download mr-2"/><span t-esc="resource.name"/> + </a> + </li> + </t> + <li t-elif="slide.channel_id.enroll == 'public'" class="o_wslides_fs_slide_link mb-1"> + <i class="fa fa-download mr-1"/> + <t t-call="website_slides.join_course_link"/> + </li> + </div> + <li class="o_wslides_fs_sidebar_list_item pl-0 mb-1" t-if="slide.question_ids and not slide.slide_type == 'quiz'" + t-att-data-id="slide.id" + t-att-data-can-access="can_access" + t-att-data-name="slide.name" + t-att-data-type="slide.slide_type" + t-att-data-slug="slug(slide)" + t-att-data-has-question="1 if slide.question_ids else 0" + t-att-data-is-quiz="1" + t-att-data-completed="1 if slide_completed else 0" + t-att-data-is-member="is_member" + t-att-data-session-answers="session_answers"> + <a t-if="can_access" class="o_wslides_fs_slide_quiz" href="#" t-att-index="i"> + <i class="fa fa-flag-checkered text-warning mr-2"/>Quiz + </a> + <span t-else="" class="text-600"> + <i class="fa fa-flag-checkered text-warning mr-2"/>Quiz + </span> + </li> + </ul> + </div> + </li> + </t> + </ul> + </li> +</template> + + +</data></odoo> diff --git a/addons/website_slides/views/website_slides_templates_profile.xml b/addons/website_slides/views/website_slides_templates_profile.xml new file mode 100644 index 00000000..d1a5a3f6 --- /dev/null +++ b/addons/website_slides/views/website_slides_templates_profile.xml @@ -0,0 +1,69 @@ +<?xml version="1.0" ?> +<odoo><data> + <!--Private profile--> + <template id="private_profile" inherit_id="website_profile.private_profile"> + <xpath expr="//div[@id='private_profile_return_link_container']" position="inside"> + <t t-if="request.params.get('channel_id')"> + <p><a t-attf-href="/slides/course-#{request.params.get('channel_id')}">Return to the course.</a></p> + </t> + </xpath> + </template> + + <template id="user_profile_content" inherit_id="website_profile.user_profile_content"> + <xpath expr="//div[@id='profile_about_badge']" position="before"> + <t t-if="channel"> + <div class="mb32"> + <h5 class="border-bottom pb-1">Completed Courses</h5> + <t t-if="courses_completed" t-call="website_slides.display_course"> + <t t-set="courses" t-value="courses_completed"></t> + </t> + <div t-else="" class="text-muted d-inline-block">No completed courses yet!</div> + <div class="text-right d-inline-block pull-right"> + <a href="/slides/all" class="btn btn-link btn-sm"><i class="fa fa-arrow-right mr-1"/>All Courses</a> + </div> + </div> + <div class="mb32"> + <h5 class="border-bottom pb-1">Followed Courses</h5> + <t t-if="courses_ongoing" t-call="website_slides.display_course"> + <t t-set="courses" t-value="courses_ongoing"></t> + </t> + <p t-else="" class="text-muted">No followed courses yet!</p> + </div> + </t> + </xpath> + </template> + + <template id="display_course"> + <div class="row"> + <div class="col-12 col-lg-6" t-foreach="courses" t-as="course"> + <div class="card mb-2"> + <div class="card-body o_wprofile_slides_course_card_body p-0 d-flex" + t-attf-onclick="location.href='/slides/#{slug(course.channel_id)}';"> + + <div t-if="course.channel_id.image_1024" class="pl-5 pr-4 rounded-left" t-attf-style="background-image: url(#{website.image_url(course.channel_id, 'image_1024')}); background-size: cover; background-position: center"/> + <div t-else="" class="o_wslides_gradient pl-5 pr-4 rounded-left position-relative" style="opacity: 0.8"> + <i class="fa fa-graduation-cap fa-fw mr-2 mt-3 position-absolute text-white-75" style="right:0; top: 0"/> + </div> + + <div class="p-2 w-100"> + <h5 class="mt-0 mb-1" t-field="course.channel_id.name"/> + + <div class="overflow-hidden mb-1" style="height:24px"> + <t t-foreach="course.channel_id.tag_ids" t-as="tag"> + <a t-att-href="'/slides/all?channel_tag_id=%s' % tag.id" t-attf-class="badge o_wslides_channel_tag #{'o_tag_color_'+str(tag.color)}" t-esc="tag.name"/> + </t> + </div> + + <div class="d-flex align-items-center"> + <div class="progress flex-grow-1" style="height:0.5em"> + <div class="progress-bar bg-primary" t-att-style="'width: '+ str(course.completion)+'%'"/> + </div> + <small class="font-weight-bold pl-2"><span t-esc="course.completion"/> %</small> + </div> + </div> + </div> + </div> + </div> + </div> + </template> +</data></odoo> diff --git a/addons/website_slides/views/website_slides_templates_utils.xml b/addons/website_slides/views/website_slides_templates_utils.xml new file mode 100644 index 00000000..90591c6e --- /dev/null +++ b/addons/website_slides/views/website_slides_templates_utils.xml @@ -0,0 +1,84 @@ +<?xml version="1.0" ?> +<odoo><data> + +<!-- Share on social networks --> +<template id='slide_share_social' name="Slides Media Share"> + <div class="btn-group" role="group"> + <a t-attf-href="https://www.facebook.com/sharer/sharer.php?u=#{record.website_url}" class="btn border bg-white o_wslides_js_social_share" social-key="facebook" aria-label="Share on Facebook" title="Share on Facebook"><i class="fa fa-facebook-square fa-fw"/></a> + <a t-attf-href="https://twitter.com/intent/tweet?text=#{record.name}&url=#{record.website_url}" class="btn border bg-white o_wslides_js_social_share" social-key="twitter" aria-label="Share on Twitter" title="Share on Twitter"><i class="fa fa-twitter fa-fw"/></a> + <a t-attf-href="http://www.linkedin.com/sharing/share-offsite/?url=#{record.website_url}" social-key="linkedin" class="btn border bg-white o_wslides_js_social_share" aria-label="Share on LinkedIn" title="Share on LinkedIn"><i class="fa fa-linkedin fa-fw"/></a> + </div> +</template> + +<!-- Share: social media --> +<template id='slide_share_modal'> + <t t-if="not website_url"> + <t t-set="website_url" t-value="record.website_url"/> + </t> + <div class="modal fade" t-att-id="'slideChannelShareModal_%s' % record.id" tabindex="-1" role="dialog" aria-labelledby="slideChannelShareModalLabel" aria-hidden="true"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <t t-call="website_slides.slide_share_modal_header"/> + <t t-call="website_slides.slide_share_modal_body"/> + </div> + </div> + </div> +</template> + +<template id="slide_share_modal_header"> + <div class="modal-header"> + <h5 class="modal-title" id="slideChannelShareModalLabel"> + Share + </h5> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span>×</span> + </button> + </div> +</template> + +<template id="slide_share_modal_body"> + <div class="modal-body"> + <h5>Share on Social Networks</h5> + <t t-call="website_slides.slide_share_social"/> + <t t-call="website_slides.slide_share_link"/> + </div> +</template> + +<template id="slide_share_link"> + <h5 class="mt16">Share Link</h5> + <div class="input-group"> + <input type="text" t-att-id="'wslides_share_link_id_%s' % record.id" class="form-control o_wslides_js_share_link" readonly="readonly" onclick="this.select();" + t-att-value="website_url"/> + <div class="input-group-append"> + <button t-att-id="'share_link_clipboard_button_id_%s' % record.id" class="btn btn-sm btn-primary o_clipboard_button" > + <span class="fa fa-clipboard"> Copy Text</span> + </button> + </div> + </div> +</template> + +<!-- Website edit page --> +<template id="slide_edit_options" inherit_id="website.user_navbar" name="Edit Slide Options"> + <xpath expr="//li[@id='edit-page-menu']" position="after"> + <t t-if="main_object._name == 'slide.slide'" t-set="action" t-value="'website_slides.slide_slide_action'"/> + </xpath> +</template> + +<!-- User Navbar --> +<template id="user_navbar_inherit_website_slides" inherit_id="website.user_navbar"> + <xpath expr="//div[@id='o_new_content_menu_choices']//div[@name='module_website_slides']" position="attributes"> + <attribute name="name"/> + <attribute name="t-att-data-module-id"/> + <attribute name="t-att-data-module-shortdesc"/> + <attribute name="groups">website_slides.group_website_slides_officer</attribute> + </xpath> +</template> + +<template id="join_course_link" name="Join Course Link"> + <a class="o_wslides_js_course_join_link" href="#" + t-att-data-channel-id="slide.channel_id.id"> + Join Course + </a> to download resources +</template> + +</data></odoo> |